今日小結(jié)
2018-07-13
1.優(yōu)先級（權(quán)值）
4個等級的定義如下：（這是查到的）
第一等：代表內(nèi)聯(lián)樣式痕寓，如: style=””，權(quán)值為1000寒匙。
第二等：代表ID選擇器零如，如：#content，權(quán)值為100锄弱。
第三等：代表偽類和屬性選擇器考蕾，如.content，權(quán)值為10会宪。
第四等：代表類型選擇器和偽元素選擇器肖卧，如div p，權(quán)值為1掸鹅。
而有時候會出現(xiàn)權(quán)值相同的時候壁榕，如圖（1）所示。
當(dāng)權(quán)值相同時赎瞎，處于后面的CSS樣式被應(yīng)用牌里，即此時“血緣法”適用,哪個靠近文本內(nèi)容執(zhí)行哪條語句。如果權(quán)值低的和權(quán)值高的同時出現(xiàn)，想應(yīng)用權(quán)值低的牡辽，則可以用以下語法喳篇。比如：
①p{color:red!important;}
.first{color:green;}
當(dāng)權(quán)值一樣時依然適用
②p{color:red!important;}
p{color:pink;}
tip:important優(yōu)先級最高
2.繼承
這幅圖中子元素為span標(biāo)簽，相對應(yīng)的态辛，父元素為p標(biāo)簽麸澜。所以當(dāng)p{color:red;}出現(xiàn)時，“<p>三年級時奏黑，我還是一個<span>膽小如鼠</span>的小女孩炊邦。</p>”,這一整句自然為紅色。和“p,span{color:red;}”的效果是一樣的熟史，但是當(dāng)CSS樣式中出現(xiàn)
“p span{color:green;}”則和“1”中的權(quán)值有關(guān)馁害，這一句中的“膽小如鼠“顯示效果為綠色，別的則為紅色蹂匹。只要這條語句放在<style>中碘菜，無論哪個位置都會實現(xiàn)該效果。
3.about"p span{color:pink;}/p>span{color:pink;}"
①p>span{color:pink;}中">"表示子選擇器限寞。②p span{color:pink;}為包含（后代）選擇器
>作用于元素的第一代后代忍啸，空格作用于元素的所有后代；也就是說>的指定性強履植，而空格是較為方便计雌。如果語句為*{color:pink;}則為所有標(biāo)簽元素字體為粉色。
如果語句為p,span{color:red;}則和
p{color:red;}
span{color:red;}
或者p{color:red;}三種寫法表達(dá)效果是一樣的静尼。（此條語句前提條件：span為p的子元素)
