1. 根选择器 :root
:root{}就等同于html{}, 一般来说, 推荐使用:root{}.
:root选择器的演示
2. 否定选择器 :not
否定选择器, 就是除此之外的
3. 空选择器 :empty
注意: :empty 只对一点内容都没有的元素生效, 哪怕有一个空格都不行.
立即学习“前端免费学习笔记(深入)”;
我这里有内容
4.目标选择器 :target
超链接地址, 与id对应
test
这是一个测试
pipi
content for pipi
ruby
content for ruby
Brand
content for aaron
5. 第一个与最后一个子元素 :first-child :last-child
6. 指定子元素选择器/奇偶选择器 :nth-child(n) :nth-last-child(n)
- item1
- item2
- item3
- item4
- item5
- item6
- item7
- item8
- item9
- item10
7. 第一个与最后一个匹配类型的子元素 first-of-type last-of-type
我是一个块元素,我是.wrapper的第一个子元素
我是一个段落元素,我是不是.wrapper的第一个子元素,但是他的第一个段落元素
我是一个段落元素
我是一个块元素
8. 指定匹配类型子元素选择器/匹配类型奇偶选择器 :nth-of-type(n) :nth-last-of-type(n)
我是一个p元素
我是一个段落元素
我是一个p元素
我是一个段落
我是一个p元素
我是一个段落
我是一个p元素
我是一个段落
我是一个p元素
我是一个段落
我是一个p元素
我是一个段落
我是一个p元素
我是一个段落
我是一个p元素
我是一个段落
9. 唯一子元素选择器 only-child
匹配的元素的父元素中仅有一个子元素,而且是一个唯一的子元素
我是一个段落
我是一个段落
我是一个段落
10. 唯一匹配类型的子元素 only-of-type
我是一个段落
我是一个段落
我是一个段落
我是一个p元素
我是一个p
- 我是一个列表项
我是一个段落
11. 可用选择器 :enabled
12. 不可用选择器 :disabled
13. 被选中选择器 :checked
14. 被鼠标选中, 高亮选择器 ::selection
拿鼠标选中我, 试试看!
15. 只读选择器 :read-only
16. 非只读选择器 :read-write










