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