美文网首页视觉艺术
快速学习CSS选择器(二)

快速学习CSS选择器(二)

作者: 雨落流年 | 来源:发表于2020-05-08 16:39 被阅读0次

前言

今天继续上一篇文章的话题,以下内容简单总结,如有不妥还请告知。上一篇没看的同学可以点击以下链接查看快速学习CSS选择器(一)

图片来自网络,侵权请联系删除!

内容

选择器名称 示例 说明
::selection ::selection CSS伪元素应用于文档中被用户高亮的部分(比如使用鼠标或其他选择设备选中的部分)。
:not(selector) :not(p) 选择不是<p>的元素 。
:checked input:checked 选择被选中的 <input> 元素。
:enabled input:enabled 选择被启用的 <input> 元素。
:target span:target 用于选取当前活动的目标元素。
:empty p:empty 选取空子节点的<p>元素。
:root :root 选取该文档的根节点。
:last-child p:last-child 选择 <p>的最后一个子 元素。
:nth-last-of-type(n) p:nth-last-of-type(1) 选择 <p> 的倒数第二个子元素。
nth-of-type(n) p:nth-of-type(1) 选择 <p> 的第一个子元素。
:nth-last-child(n) p:nth-last-child(2) 选择 <p> 的倒数第二个子元素。
:nth-child(n) p:nth-child(1) 选择 <p> 的第一个子元素。
:nth-last-child(n) p:nth-last-child(2) 选择 <p> 的倒数第二个子元素。
:only-child p:only-child 选择器匹配属于其父元素的唯一子元素的每个元素。

总结
每天巩固一点点,知识就会充实一点点!

(本文适合初学者,如果你是大佬级别的人物,我也欢迎指教!)
(如果本文对你有帮助,不妨点个赞再走,或许你也可以加我的微信s2550930656,我随时恭候你的到来!)

相关文章

  • 快速学习CSS选择器(二)

    前言 今天继续上一篇文章的话题,以下内容简单总结,如有不妥还请告知。上一篇没看的同学可以点击以下链接查看快速学习C...

  • 归零——CSS-第四天

    CSS学习 CSS权重 选择器 权重...

  • jQuery选择器

    一 css选择器回顾 二 jQuery基本选择器 规律:$(selector).css(“background”,...

  • CSS学习笔记

    css学习笔记 在html引入css的三种方式 css选择器 伪选择器 选择器的组合 伪类选择器 选择器的优先规则...

  • 快速了解css

    快速了解css 基础语法: 选择器{属性:值;属性:值} 选择器 基本选择器 id选择器 class选择器 伪类:...

  • CSS3知识概要总结之选择器篇(二)

    是的,从这里开始我们就开始学习CSS3的选择器了,学习资源CSS3选择器 属性选择器 属性选择器 发现属性选择器真...

  • CSS选择器学习

    CSS选择器是学习CSS的一个核心部分,HTML页面中的元素就是通过CSS选择器来进行控制的,熟练使用CSS选择器...

  • CSS选择器

    CSS 元素选择器CSS 选择器分组CSS 类选择器详解CSS ID 选择器详解CSS 属性选择器详解CSS 后代...

  • 前端基础入门二(CSS)

    学习大纲 学会使用CSS选择器熟记CSS样式和外观属性熟练掌握CSS各种选择器熟练掌握CSS各种选择器熟练掌握CS...

  • CSS3

    前言-内容 CSS是什么 CSS怎么用(快速入门) CSS选择器(重点+难点) 美化网页(文字,阴影,超链接,列表...

网友评论

    本文标题:快速学习CSS选择器(二)

    本文链接:https://www.haomeiwen.com/subject/zcwfnhtx.html