這篇文章主要介紹了關(guān)于css選擇器優(yōu)先級的判斷并附結(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>