组合选择器,可以让多个选择器共用同一个CSS样式代码。
格式:
选择器1,选择器2,……,选择器n{
属性:值;
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>组合选择器</title>
<style type="text/css">
.class01,#id01{
color:blue;
font-size:20px;
border:1px red solid;
}
</style>
</head>
<body>
<!--
需求:修改class="class01"的div标签和id="id01"的span标签:字体颜色为蓝色,字体大小为20像素,边框为1像素、红色、实线。
-->
<div class="class01">div标签</div>
<br/>
<span id="id01">span标签</span>
</body>
</html>
运行结果: