本文深入探讨了CSS中的四种选择器：后代选择器、子代选择器、相邻兄弟选择器和通用兄弟选择器。通过实例解析它们的使用方法和区别，展示了如何精准地影响页面元素的样式。后代选择器（EF）匹配所有E元素内的F元素，子代选择器（E>F）仅选择E元素的直接子元素F，相邻兄弟选择器（E+F）选择紧接E元素之后的F元素，而通用兄弟选择器（E~F）则选择E元素后面的所有F元素。
1.后代选择器
E F{ }
选择所有被E元素包含的F元素
可以看到列表1-4均变成红色，所以不管是直接在ul中的li标签，还是藏在div中的li标签，只要是在ul中的均会生效。
2.子代选择器
E>F{}
可以看到只有列表123是红色的，div标签下的li标签并不生效。
3.相邻兄弟选择器
E+F{}
选择紧跟E元素后面的F元素，选择相邻的第一个兄弟元素
4.通用兄弟选择器
E~F{} 选择E元素之后的F元素
CSS学习第12天——关系选择器
扫一扫
评论
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
