在這節里8行代碼去掉p后用!important似乎對部分文字失效
在這節里
p{color:red!imoprtant:}
加上!important后 全文變紅
但是去掉下方p.first{color:green:}前的p
發現綠色設置對第二段的簡單依然有作用是為什么
-----------------------由于至此回答的答案不能解決問題,因此補充-------------------------------
由此開始:
<style type="text/css">
? ? ? ? p{color:red!important;}/*權值變為最高*/
? ? ? ? p.first{color:green;}/*類選擇器 權值為10*/
</style>
</head>
<body>
? ? <h1>勇氣</h1>
? ? <p class="first">三年級時,我還是一個<span>膽小如鼠</span>的小女孩,上課從來不敢回答老師提出的問題,生怕回答錯了老師會批評我。就一直沒有這個勇氣來回答老師提出的問題。學校舉辦的活動我也沒勇氣參加。</p>
? ? <p id="second">到了三年級下學期時,我們班上了一節公開課,老師提出了一個很<span class="first">簡單</span>的問題,班里很多同學都舉手了,甚至成績比我差很多的,也舉手了,還說著:"我來,我來。"我環顧了四周,就我沒有舉手。</p>
? ??
</body>
</html>
由于上面的權值比較高所以全文為紅色 包括第一段和第二段所有文字
那么修改下css樣式 將上文中p.first去掉p 改為.first
<style type="text/css">
? ? ? ? p{color:red!important;}/*權值變為最高*/
? ? ? ? .first{color:green;}/*類選擇器 權值為10*/
</style>
修改完以后發現全文依然會變紅 但是正文第二段中的<span class="first">簡單</span> 依然會被.first作用為綠色
這里我的問題是,為什么去掉p以后 正文第二段的簡單依然會變為綠色 上下兩段css的權重到底怎么算?
? ? 請各位賜教,不勝感激。
2016-05-23
不去p,!important權重最高,全為紅色,span中繼承了p的顏色屬性也為紅,此時類選擇器定義的為父元素,對子元素span無意義。去掉后,繼承紅色權重0.1,span類選擇權重10,故呈現綠色。不知這樣理解對不對。
2016-06-26
先看“p.first{}”和“p空格.first{}”的區別,前者選中的是第一個p段落,后者選中的是p段落中的后代子元素。在沒有加上“!important”時,先加上空格,因為內部元素的優先級更高,全段除了“簡單”2字都為紅色;去掉空格,第一段綠色第二段紅色,說明跟權值沒關系,不加空格的p.first{}就是指定了第一個段落?,F在我們加上“!important”,先加上空格,內部元素的優先級更高,所以有“簡單”為綠色全文為紅色;去掉空格,全文自然都是紅色
2016-05-25
我是這樣理解的
.first{color:green;}和p.first{color:green;}以及p. first{color:green;}(加了空格)
其中沒加空格的話、是沒有包含的、也就是說.first的對象是p標簽元素,沒有作用于span標簽。
加了空格之后包含了span標簽。
而由于p{color:red!important;}的存在、p標簽元素的最高權值是這個。
但是span標簽元素的紅色效果是繼承的、繼承的權值很小,所以加了空格之后可以顯示.first內的修飾效果。
如果不加p的話、更好理解了,就是因為第一個<p class="first">是在<p>內的所以被!important影響了權值。
但是<span class="first">的話、沒有被!important影響權值問題,只是有個繼承效果。
所以最后顯示了.first的修飾效果。
不知道對不對、我自己總結的、還希望有大神出來拉我一把...謝謝。
2016-05-22
我是這樣想的,因為有p,所以兩個p中有!important的最大,應用它的屬性。當把下面的p去掉后,上面的對于下面而言是繼承,所以只有0.1,而類選擇器有10,所以簡單就是綠色的了。(不知道是不是這樣理解,有錯誤還請大神們指出)
2016-05-20
我也有同樣的疑問
2016-05-18
按照標簽的重要性判斷
2016-05-18
!important ?你就看成他的地位最高
2016-05-18
因為有一個權重。。加了 !important 以后 權重會增加, ?也就會全部以此為主, 如果不加!important ? ?p{} 的權重沒有 p.first{} ?大 ?所以后面又以p.first{}為主