兩種屬性同屬一個元素的時候,我們可以使用交集選擇器來進行元素的准確控制.
<!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>