# CSS面试题：CSS优先级算法如何计算？

（一）、优先级比较：****

!important > 内联样式 > id > class > 标签 > 通配

（二）、CSS权重计算：****

第一：内联样式(style)     权重值：1000

第二：id选择器            权重值：100

第三：类选择器            权重值：10

第四：标签&伪元素选择器    权重值：1

第五：通配、>、+          权重值：0

（三）、案例

`

/ 权重值 1 + 1 + 10 /

     ul li.list{
         background-color:green;
     }

** /* 权重值 10 /*

     .list{
         background-color: red;
     }
 </style>


 <ul>
     <li class="list">水果</li>
     <li class="list">电子产品</li>
     <li class="list">办公家具</li>
 </ul>`