html優先級
<!DOCTYPE?HTML>
<html>
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8">
<title>特殊性</title>
<style?type="text/css">
p{color:red;}
.first{color:green;}/*因為權值高顯示為綠色*/
span{color:pink;}/*設置為粉色*/
p?span{color:purple;}
</style>
</head>
<body>
????<h1>勇氣</h1>
????<p?class="first">三年級時,我還是一個<span>膽小如鼠</span>的小女孩,上課從來不敢回答老師提出的問題,生怕回答錯了老師會批評我。就一直沒有這個勇氣來回答老師提出的問題。學校舉辦的活動我也沒勇氣參加。</p>
</body>
</html>
<p?class="first">
內容內容<span>內容</span>
內容內容
</p>?
.first的優先級不是比span高嗎,為什么還會執行span
2016-02-26
離得越近,優先級越高
2016-02-26
哪有執行的span???
p span{color:purple}這是紫色的,復制代碼保存HTML網頁看下,就是紫色的【span元素內的文字】。
2016-02-26
span在.first里面,所以實際是.first+span的權重>.first,因而span會執行