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

2016-10-24 17:01发布

<!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条回答

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

div.class 代编className为class的div元素
你再仔细看看css选择器

不是权重的问题,你的代码写错了!
div后面没有空格

div .class 代编div下面的class


按照你的写法,你审查元素发现没有没划去的css