權重多但還是顯示為藍色是為什么？
.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>
2019-04-06
百度了下，好像是這個意思：
那上面的權重就是這樣：
所以上面那個權重更大
2019-04-04
div ul li div form div table tbody tr td p span{color:red;}????/*權重=12*/ 不是12 進制不對
2019-03-29
前面章節說了CSS樣式設置優先級：內聯式>嵌入式
2019-03-21
越靠近你要設置的目標的css優先級越高，權重高只是相比于同等位置的時候才按照權重決定css的優先級
2019-03-21
<p>sdf<span class="blue">SDFSDF</span>sdfsdf</p>? 因為內部還是設置的藍色，這是內層的顏色會先顯示出來，相當于把外層的顏色覆蓋掉了。所以他直接決定了顏色為藍色。