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會執行