CSS选择器总结

伪元素选择器 属性选择器 兄弟元素选择器_夏目松松的博客-CSDN博客

1.

 

2.几个容易混淆的选择器辨析   

https://www.jianshu.com/p/326ec14a05a1

• 关于 > 、+ 、 ~

① > 是子元素选择器，筛选所有的子元素

② + 是相邻兄弟选择器，只筛选出相邻的那个兄弟

③~ 是兄弟选择器，但是他选择当前元素之后的所有兄弟

• 关于后代选择器和子选择器

区别：子选择器只包含儿子，而后代选择器包含所有后代：儿子、儿子的儿子、儿子的孙子等等

3.关于选择器的优先级问题

不同级别：!important > 内联样式 > ID选择器 > 类选择器（属性选择器、伪类选择器）> 元素选择器（伪元素选择器）> 通配符选择器