交集选择器
- 选中同时符合多个条件的元素
- 语法：选择器1选择器2选择器3选择器n{ }
- 注：交集选择器中有元素选择器，必须以元素选择器开头
- 例子：div.red{ }
选择器分组（并集选择器）
- 同时选择多个选择器对应的元素
- 语法：选择器1，选择器2，选择器3，选择器n{ }
- 例子：h1，span{ }
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
/* 将class为abc的p字体设置为5px */
p.abc{
font-size: 5px;
}
/* 此时以类选择器开头出现问题，含元素选择器必须以元素选择器开头
.abcp{
font-size: 5px;
}
*/
/* 将class为a、b、c的元素设置为蓝色 */
.a.b.c{
color: blue;
}
/* 将h1元素和span元素都设置为绿色 */
h1,span{
color: mediumspringgreen;
}
</style>
</head>
<body>
<h1>华罗庚</h1>
<p class="blue abc">埋头苦干是第一</p>
<p class="blue">熟能生出百巧来</p>
<p>勤能补拙是良训</p>
<p class="a b c">一分辛苦一分才</p>
<span>加油</span>
</body>
</html>
2110
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
