两条CSS语句的权重问题 财富值7

2016-10-24 17:01发布

站内问答 /
2025 5 4 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head>     <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">     <title>Document</title>     <style>         div .class1{             color: red;         }         .class2{             color: blue;         }     </style> </head> <body>     <div class="class1 class2">我是div</div> </body> </html>

为什么在.class1前面加上div空格，权重反而比.class2的低？结果显示是蓝色。

友情提示: 此问题已得到解决，问题已经关闭,关闭后问题禁止继续编辑，回答。
5条回答
郭十一 - 这个人很懒，什么都没留下
2016-10-24 17:01

因为你这2个选择器的选择不一样。red那个多了个空格，代表选择div内含class1的标签，而不是带class1的div标签。 你需要的是div.class1，没有空格才是后者。

一周热门 更多>