這篇文章主要介紹了關(guān)于CSS選擇器優(yōu)先級(jí)的判斷并附結(jié)果截圖,需要的朋友可以參考下。
代碼如下:
<spanstyle="font-size:14px;"><html>
<head>
<styletype="text/css">
#redPp{
/*權(quán)值=100+1=101*/
color:#F00;/*紅色*/
}
#redP.redem{
/*權(quán)值=100+10+1=111*/
color:#00F;/*藍(lán)色*/
}
#redPpspanem{
/*權(quán)值=100+1+1+1=103*/
color:#FF0;/*黃色*/
}
</style>
</head>
<body>
<divid="redP">
<pclass="red">red
<span><em>emred</em></span>
</p>
<p>red</p>
</div>
</body>
</html></span>
附運(yùn)行結(jié)果圖:
更多信息請(qǐng)查看IT技術(shù)專欄