本文详细介绍了CSS中的复合选择器和关系选择器。内容包括交集选择器、选择器分组（并集选择器），以及子元素选择器、后代元素选择器和兄弟元素选择器的使用方法，通过实例解析了如何精准地选取和操作页面元素。
1、复合选择器
<body>
<div class="red">我是div</div>
<h1 id="blue">我是h1</h1>
<p class="red a blue">我是p元素</p>
<h2>hhhhhh</h2>
<span>hahahhahaha</span>
</body>
（1）交集选择器
作用：选中同时符合多个条件的元素
语法：选择器1选择器2...选择器n{}
注意：交集选择器中如果有元素选择器，必须使用元素选择器开头
将class为red的div字体大小设置为30px
div.red{
font-size:30px;
}
（2）选择器分组（并集选择器）
作用：同时选择多个选择器对应的元素
语法：选择器1，选择器2，...，选择器n{}
将h2和span中的元素设为粉色
h2,span{
最低0.47元/天 解锁文章
扫一扫
213
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
