交集选择器
2个选择器组成,第一个为标签选择器,第二个为类选择器,2个选择器之间不能有空格,
如: div1.classname
/* */
<head>
<style>
.test1 {
color: red;
}
p.test1 { /* 只选择同时包含的标签,也就是标签5 */
font-size: 30px;
}
</style>
</head>
<body>
<div class="test1">测试111</div>
<div>测试222</div>
<div>测试333</div>
<p>测试444</p>
<p class="test1">测试555</p>
</body>
并集选择器
用 逗号[ , ]连接,如: div, .classname, #idname
/* */
<head>
<style>
.test1 {
color: red;
}
div, .test1, #test1 { /* */
font-size: 30px;
}
</style>
</head>
<body>
<div class="test1">测试111</div>
<div>测试222</div