两种属性同属一个元素的时候,我们可以使用交集选择器来进行元素的准确控制.
<!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>