本文详细介绍了CSS中的后代选择器、子选择器和并集选择器的用法。通过实例展示了如何使用它们来定位和设置网页元素的样式，包括如何改变链接颜色、设置列表项的字体颜色等。同时，文章还提到了CSS中的伪类选择器和选择器的重要顺序原则。
后代选择器（可以选儿子，孙子）
元素1 元素2{ 样式声明 }
eg.
<body>
<div class="nav">
<a href="https://mp.csdn.net/mp_blog/creation/editor">创作</a>
<p>
<a href="https://mp.csdn.net/mp_blog/creation/editor">创作</a>
</p>
</div>
</body>
//下面使用子代选择器
.nav>a{
color:yellow;
}
子选择器（只能选儿子）
父元素>子元素{ 代码样式 }
<ul class="nav">
<li>变色</li>
</ul>
//要将ul中的li设为粉色,css代码如下
<style>
.nav ul li{
color:pink;
}
</style>并集选择器
,（英文）表示“和”的意思
记住一定要按照love hate原则，即四者设置顺序一定是link, visited, hover, active
focus伪类选择器
总结
扫一扫
2164
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
