:nth-child使用总结
http://willless.com/nth-child-selector.html
迎接最强大的 CSS 伪类选择器 :has()
https://zhuanlan.zhihu.com/p/579503945
-
:has
跟后面元素交互时改变前面元素的效果
li:has(+li:hover)选择li:hover的前一个元素 -
~
选择后面的所有兄弟元素
.c3~li选择.c3后的所有兄弟li元素 - :root 选择文档的根元素
-
:empty
选择每个没有任何子级的p元素（包括文本节点）
li:emptyli内如果有文字则不会被选中 -
:not
选择每个并非指定元素的元素
li:not(.c4) -
技巧案例
li:nth-child(-n + 2)选择前两个li元素