權值越高最終執行的就是誰?
<!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;}/*設置為粉色*/
</style>
</head>
<body>
? ? <h1>勇氣</h1>
? ? <p class="first">三年級時,我還是一個<span>膽小如鼠</span>的小女孩,上課從來不敢回答老師提出的問題,生怕回答錯了老師會批評我。就一直沒有這個勇氣來回答老師提出的問題。學校舉辦的活動我也沒勇氣參加。</p>
? ? <p id="second">到了三年級下學期時,我們班上了一節公開課,老師提出了一個很簡單的問題,班里很多同學都舉手了,甚至成績比我差很多的,也舉手了,還說著:"我來,我來。"我環顧了四周,就我沒有舉手。</p>
</body>
</html>
這個代碼中為什么為顯示粉色,類選擇器比標簽權值高,應該是綠色的吧。這里看不懂了
2016-06-30
在這里類選擇器作用在了p標簽,span的綠色屬于繼承,沒有直接設置的粉色的權值高,所以顯示粉色
2016-06-30
是就近原則還是繼承?。∫院笤趺磁袛?。哪里能學到詳細的,這里的都比較少。
2016-06-30
你這里的類選擇器是設置在父元素中的,在父元素中設置字體顏色,和使用字標簽設置字體顏色的權重是相等的,所以在這個權重相等的情況下,css采取的是就近原則,哪一個設置的位置在最后面,則優先使用該屬性。
2016-06-30
粉色的,就近原則。看哪個值比較大就執行哪一個