选择器

css新增选择器

属性选择器：

  1. p[attr] 选中拥有attr属性的p标签元素

  2. div[attr=value] 选中attr=value值得div标签

  3. div[attr*=value]选中attr含有value值得div标签

  4. div[attr$=value]选中attr以value值结尾得div标签

  5. div[attr^=value]选中attr以value值开头得div标签

  6. div p:nth-of-type(3)选中div里面第3个p标签

  7. div span:nth-child(3)选中div里面第3个标签是span标签

  8. ul li:first-of-type选中ul中的第一个li标签

  9. div h3:first-child选中div中的第一个标签是h3标签

  10. p:last-child选中父元素里面的最后一个元素是p标签

  11. p:last-of-type选中父元素里面的最后一个p标签元素

  12. div:only-child选中父元素中只有一个子元素这个子元素是div标签

  13. div:only-of-type选中父元素中的唯一一个div标签（可以有其他的兄弟不是div）

  14. :empty选中没有子元素包括文本的元素

  15. :root选中页面的根元素html

  16. :selection选中被用户选中的文本的样式

  17. :disabled选中的是禁用状态的按钮

  18. :enabled选中的是启用状态的按钮

  19. :checked设置选中的单选或者复选框的样式

  20. :first-line选中第一行

  21. :first-letter选中第一个字符

  22. :target选中锚链接的目标元素

  23. div:after向div里面的后面添加伪元素

  24. div:before向div里面的前面添加伪元素

  25. li:nth-last-child(2n)选中倒数第偶数个元素是li标签

  26. li:nth-last-of-type(2n+1)选中倒数第奇数个li标签元素

  27. :not(p)选中非p标签的元素