两种属性同属一个元素的时候,我们可以使用交集选择器来进行元素的准确控制.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
p.nam1{}
p#name2{}
p#id1{}
.name1 .name2{}
/*交集选择器:可以更准确的找到我们需要的标签,在clas名或者id名前面加上标签名,缩小查找的范围*/
/*注意:标签名和class/id名中没有空格隔开*/
p.dhnBlog{background-color: red;}
</style>
</head>
<body>
<p class="name1 name2" id="id1"></p>
<div class="dhnBlog">大灰牛博客</div>
<pclass="dhnBlog">大灰牛博客</p>
</body>
</html>