CSS选择器之我不熟悉的选择器

105 阅读1分钟

属性选择器(这个并不常用哦)

用中括号[]表示
  1. [x]给所有拥有x属性的元素添加样式
  2. [x=y]给x属性并且属性值为y的元素添加样式 image.png

后代选择器之直接后代选择器

用>符号连接

image.png 如何给红框中的span元素设置为红色呢,这时就可以通过直接后代选择器实现

image.png

兄弟选择器(这个并不常用哦)

用+ ~表示
  1. 相邻兄弟选择器 +

image.png 2. 普通兄弟选择器 ~

image.png

交集、并集选择器

image.png

动态伪类选择器

image.png

image.png