CSS 是一门不断在发展的“语音”,在这里我们介绍一下他的新特性:
伪类选择器:
:nth-child(num) 这个选择器可以指定选择哪个dom
比如: ul li:nth-child(3) 则选择的是第三个li标签,切记这个是从1开始的。
:not(.pro) 选择没有类pro 的dom元素进行操作
p:not(.pro){font-weight:bold;} 选择除.pro它之外的元素进行加粗。
如果选择多个的话,这里也可以传入 逗号 来分隔。
例如:
p:not(.pro,.list){color:blue;} 除.pro .list 这两个元素外的字体设为蓝颜色
:has(>img)
a:has(>img) 说明一下,任意一个包含img的a元素
ol:has(>li){ border-bottom:1px solid #ccc; }