前言
今天继续上一篇文章的话题,以下内容简单总结,如有不妥还请告知。上一篇没看的同学可以点击以下链接查看快速学习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,我随时恭候你的到来!)
网友评论