[4位特殊性標(biāo)志]>聲明先后順序CSS樣式應(yīng)用優(yōu)先級(jí)關(guān)系①重要聲明（!important）div{color:blue!important;color:green;}雖然按照順序應(yīng)該是使用后聲明的綠色">
css樣式應(yīng)用優(yōu)先級(jí)

css樣式應(yīng)用優(yōu)先級(jí)

ID：36491749

大?。?55.91 KB

頁數(shù)：16頁

時(shí)間：2019-05-09

css樣式應(yīng)用優(yōu)先級(jí)_第1頁
css樣式應(yīng)用優(yōu)先級(jí)_第2頁
css樣式應(yīng)用優(yōu)先級(jí)_第3頁
css樣式應(yīng)用優(yōu)先級(jí)_第4頁
css樣式應(yīng)用優(yōu)先級(jí)_第5頁
資源描述：

《css樣式應(yīng)用優(yōu)先級(jí)》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫。

1、CSS樣式應(yīng)用優(yōu)先級(jí)[1位重要標(biāo)志位]>[4位特殊性標(biāo)志]>聲明先后順序CSS樣式應(yīng)用優(yōu)先級(jí)關(guān)系①重要聲明（!important）div{color:blue!important;color:green;}雖然按照順序應(yīng)該是使用后聲明的綠色，但是因?yàn)?important的緣故，所以最后使用的卻是藍(lán)色。②正常聲明1.內(nèi)聯(lián)樣式 在html文檔的元素中直接插入樣式的如：

在ie6中此優(yōu)先級(jí)與id選擇器同級(jí)2.id選擇器應(yīng)用于對(duì)應(yīng)id的元素，css中用“#”后跟id來標(biāo)記。如：#header{display:none;}

2、vid=”header“>

3.類（屬性，偽類）選擇器a)類選擇器應(yīng)用于對(duì)應(yīng)class的元素，css中用“.”后跟class名來標(biāo)記。如：header{display:none;}
b）屬性選擇器屬性選擇器應(yīng)用于對(duì)應(yīng)class的元素，css中用“[]”標(biāo)記中html元素屬性名來標(biāo)記。如：div[title]{display:none;}
c)偽類選擇器LVHA偽類,樣式按LVHA優(yōu)先級(jí)順序從右至左覆蓋。所以要注意一下這4個(gè)偽類的聲明順序，不同的順序會(huì)產(chǎn)生不同的效果。a:link-默

3、認(rèn)鏈接樣式a:visited-已訪問鏈接樣式a:hover-鼠標(biāo)懸停樣式a:active-鼠標(biāo)點(diǎn)擊樣式4.元素（偽元素）選擇器a)元素選擇器應(yīng)用于所有對(duì)應(yīng)的html標(biāo)簽，css中直接使用html元素標(biāo)記如：div{display:none;}

b)偽元素選擇器:first-letter-首字母樣式:first-line-首行樣式5.通配符選擇器應(yīng)用于所有匹配的樣式，類似模糊匹配，*號(hào)就是什么都可以啦。如：div*{display:none;}
6.繼承樣式和結(jié)合符a)繼承

4、樣式p會(huì)繼承div設(shè)置的樣式，但沒有權(quán)重，任何方式給p定義的樣式都可以輕易覆蓋繼承樣式如：div{color:red;}

b)結(jié)合符（combinator）1.后代選擇器（descendantselector/上下文選擇器contextualselector） 后代結(jié)合符（descendantcombinator）：空格 空格前后的元素是后代關(guān)系。樹結(jié)構(gòu)的分支選擇器。 （可一直嵌套下去，如：divpspan）如：divspan{display:none;}

5、iv>2.子（元素）選擇器（childselector） 子結(jié)合符：大于號(hào)（childcombinator） 大于前后的元素必須是父子關(guān)系。如：div>span{display:none;}

3.相鄰兄弟選擇器（adjacentsiblingselector） 相鄰兄弟結(jié)合符（adjacentsiblingcombinator）：加號(hào) 加號(hào)前后的元素必須是同級(jí)兄弟關(guān)系。如：li+li{display:none;}
  1. <

    6、li>

事實(shí)上一般不會(huì)遇到太過復(fù)雜的情況，按照我們常用的簡(jiǎn)單地來記就是：!important>內(nèi)聯(lián)定義>id>class>元素>復(fù)合結(jié)構(gòu)（無定義復(fù)合>父子復(fù)合>兄弟復(fù)合）

當(dāng)前文檔最多預(yù)覽五頁，下載文檔查看全文

此文檔下載收益歸作者所有

當(dāng)前文檔最多預(yù)覽五頁，下載文檔查看全文
溫馨提示：
1. 部分包含數(shù)學(xué)公式或PPT動(dòng)畫的文件，查看預(yù)覽時(shí)可能會(huì)顯示錯(cuò)亂或異常，文件下載后無此問題，請(qǐng)放心下載。
2. 本文檔由用戶上傳，版權(quán)歸屬用戶，天天文庫負(fù)責(zé)整理代發(fā)布。如果您對(duì)本文檔版權(quán)有爭(zhēng)議請(qǐng)及時(shí)聯(lián)系客服。
3. 下載前請(qǐng)仔細(xì)閱讀文檔內(nèi)容，確認(rèn)文檔內(nèi)容符合您的需求后進(jìn)行下載，若出現(xiàn)內(nèi)容與標(biāo)題不符可向本站投訴處理。
4. 下載文檔時(shí)可能由于網(wǎng)絡(luò)波動(dòng)等原因無法下載或下載錯(cuò)誤，付費(fèi)完成后未能成功下載的用戶請(qǐng)聯(lián)系客服處理。