权重多但还是显示为蓝色是为什么？-慕课网

权重多但还是显示为蓝色是为什么？

来源：9-3 权值计算-特殊性

洋葱座

2019-03-21 15:46

.blue{color:blue;} /*权重=10*/

div ul li div form div table tbody tr td p span{color:red;} /*权重=12*/

<div>
   <ul>
       <li>
           <div>
               <form>
                   <div>
                       <table>
                           <tbody>
                               <tr>
                                   <td>
                                       <p>sdf<span class="blue">SDFSDF</span>sdfsdf</p>
                                   </td>
                               </tr>
                           </tbody>
                       </table>
                   </div>
               </form>
           </div>
       </li>
   </ul>
</div>

写回答关注

5回答

拎袋子

2019-04-06 14:29:54

百度了下，好像是这个意思：
权重值是(A, B, C)
其中A的值是ID选择器的数量，B的值是类选择器，属性选择器和伪类的数量，C的值是类型选择器和伪元素的数量。
比较方式是A的值谁大就是谁，只有A相同了才会比较B，C同理。
那上面的权重就是这样：
.blue{color:blue;} /*权重=(0,1,0)*/
div ul li div form div table tbody tr td p span{color:red;} /*权重=(0,0,12)*/
所以上面那个权重更大

1 2

慕尼黑650...

正解了

2019-07-20 12:56:14

共 1 条回复 >
金大秋

2019-04-04 00:27:02

div ul li div form div table tbody tr td p span{color:red;} /*权重=12*/ 不是12 进制不对

0 0
keydew

2019-03-29 10:20:21

前面章节说了CSS样式设置优先级：内联式>嵌入式

0 0
qq__enzAEF

2019-03-21 17:37:30

越靠近你要设置的目标的css优先级越高，权重高只是相比于同等位置的时候才按照权重决定css的优先级

0 1
ailamei

2019-03-21 16:02:58

<p>sdf<span class="blue">SDFSDF</span>sdfsdf</p> 因为内部还是设置的蓝色，这是内层的颜色会先显示出来，相当于把外层的颜色覆盖掉了。所以他直接决定了颜色为蓝色。

0 0