<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
.p1{
background-color: yellow;
}
p{
background-color: red;
}
/*
* 當(dāng)使用不同的選擇器，選中同一個(gè)元素時(shí)并且設(shè)置相同的樣式時(shí)箕般，
* 這時(shí)樣式之間產(chǎn)生了沖突孔祸，最終到底采用哪個(gè)選擇器定義的樣式棺滞，由選擇器的優(yōu)先級(jí)（權(quán)重）決定
* 優(yōu)先級(jí)高的優(yōu)先顯示婿脸。
*
* 優(yōu)先級(jí)的規(guī)則
* 內(nèi)聯(lián)樣式 革娄， 優(yōu)先級(jí) 1000
* id選擇器利赋，優(yōu)先級(jí) 100
* 類和偽類郁妈， 優(yōu)先級(jí) 10
* 元素選擇器涡上，優(yōu)先級(jí) 1
* 通配* 趾断， 優(yōu)先級(jí) 0
* 繼承的樣式，沒有優(yōu)先級(jí)
*
* 當(dāng)選擇器中包含多種選擇器時(shí)吩愧，需要將多種選擇器的優(yōu)先級(jí)相加然后在比較芋酌，
* 但是注意，選擇器優(yōu)先級(jí)計(jì)算不會(huì)超過他的最大的數(shù)量級(jí)雁佳，如果選擇器的優(yōu)先級(jí)一樣脐帝，
* 則使用靠后的樣式。
*
* 并集選擇器的優(yōu)先級(jí)是單獨(dú)計(jì)算
* div , p , #p1 , .hello{}
*
* 可以在樣式的最后糖权，添加一個(gè)!important堵腹，則此時(shí)該樣式將會(huì)獲得一個(gè)最高的優(yōu)先級(jí)，
* 將會(huì)優(yōu)先于所有的樣式顯示甚至超過內(nèi)聯(lián)樣式星澳，但是在開發(fā)中盡量避免使用!important
*
*/
*{
font-size: 50px;
}
p{
font-size: 30px;
}
#p2{
background-color: yellowgreen;
}
p#p2{
background-color: red;
}
.p3{
color: green;
}
.p1{
color: yellow;
background-color: greenyellow !important;
}
</style>
</head>
<body>
<p class="p1 p3" id="p2" style="background-color: orange;">我是一個(gè)段落
<span>我是p標(biāo)簽中的span</span>
</p>
</body>
</html>
選擇器的優(yōu)先級(jí)
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
- 文/潘曉璐 我一進(jìn)店門误债，熙熙樓的掌柜王于貴愁眉苦臉地迎上來，“玉大人妄迁，你說我怎么就攤上這事寝蹈。” “怎么了登淘？”我有些...
- 文/不壞的土叔 我叫張陵箫老，是天一觀的道長(zhǎng)。 經(jīng)常有香客問我黔州，道長(zhǎng)耍鬓，這世上最難降的妖魔是什么阔籽？ 我笑而不...
- 正文 為了忘掉前任，我火速辦了婚禮牲蜀，結(jié)果婚禮上笆制，老公的妹妹穿的比我還像新娘。我一直安慰自己涣达，他們只是感情好在辆，可當(dāng)我...
- 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著度苔，像睡著了一般匆篓。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上寇窑，一...
- 文/蒼蘭香墨 我猛地睜開眼，長(zhǎng)吁一口氣：“原來是場(chǎng)噩夢(mèng)啊……” “哼缎浇！你這毒婦竟也來了扎拣？” 一聲冷哼從身側(cè)響起，我...
- 序言：老撾萬榮一對(duì)情侶失蹤素跺，失蹤者是張志新（化名）和其女友劉穎二蓝，沒想到半個(gè)月后，有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體指厌，經(jīng)...
- 正文 獨(dú)居荒郊野嶺守林人離奇死亡刊愚，尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
- 正文 我和宋清朗相戀三年，在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了踩验。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片鸥诽。...
- 正文 年R本政府宣布钠龙，位于F島的核電站，受9級(jí)特大地震影響，放射性物質(zhì)發(fā)生泄漏碴里。R本人自食惡果不足惜沈矿，卻給世界環(huán)境...
- 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望咬腋。 院中可真熱鬧羹膳，春花似錦、人聲如沸根竿。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽犀填。三九已至，卻和暖如春嗓违，著一層夾襖步出監(jiān)牢的瞬間九巡，已是汗流浹背。 一陣腳步聲響...
- 正文 我出身青樓偿洁，卻偏偏與公主長(zhǎng)得像撒汉，于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子涕滋，可洞房花燭夜當(dāng)晚...
推薦閱讀更多精彩內(nèi)容
- 1、類別選擇器 類別選擇器根據(jù)類名來選擇锨用，前面以“.”來標(biāo)志丰刊。 在HTML中，元素可以定義一個(gè)class的屬性增拥，并...
- 一.css選擇器的優(yōu)先級(jí) css選擇器的優(yōu)先級(jí)：作用的元素一樣，樣式一樣猾封，就會(huì)有優(yōu)先級(jí)逗概。 1.通配選擇器（*）：0...
- 偽類選擇器 除去眾所周知的 類選擇器 和 ID 選擇器外，還有相對(duì)接觸不那么頻繁的 偽類選擇器和 偽元素選擇器。而...
- CSS選擇器的優(yōu)先級(jí)順序逾苫，從高到低 屬性后面加“卿城！important” 內(nèi)聯(lián)樣式 id選擇器 類選擇器 偽類選擇器...
