8-8通用選擇器
兩張圖片紅線部分，都設(shè)定了<body>內(nèi)的標(biāo)簽元素樣式，。為什么顯示的是通用選擇器的樣式。這
是有什么優(yōu)先級嗎？具體的優(yōu)先級怎么說
慕田峪0816849
2016-07-28
4 回答
舉報(bào)
0/150
提交
取消
2016-07-28
為了回答問題 特地弄了個(gè)例子 解釋如下 ?
這是 ?body標(biāo)簽與 通用選擇器的代碼+網(wǎng)頁實(shí)際效果
這是 普通標(biāo)簽（如p）與通用選擇器的代碼加效果
顯然 ?一般來說!important>inline style>ID>class>tag 這個(gè)優(yōu)先級比較是沒錯(cuò)的 ?
但是你這里觸發(fā)了特殊性 ?就是html、通配符和body節(jié)點(diǎn)的優(yōu)先級作用范圍，htm＞通配符>body節(jié)點(diǎn)
2016-07-28
通常我們可以將CSS的優(yōu)先級由高到低分為六組：
1、無條件優(yōu)先的屬性只需要在屬性后面使用 !important 。它會(huì)覆蓋頁面內(nèi)任何位置定義的元素樣式。當(dāng)然，IE 6不支持這個(gè)屬性，于是它也成為一種hack被很多人所熟知，真正使命被人淡忘。
2、第二高位的優(yōu)先屬性是在html中給元素標(biāo)簽加style。由于該方法會(huì)造成CSS的難以管理，所以不推薦使用。
3、第三級優(yōu)先的屬性是由一個(gè)或多個(gè)id選擇器來定義的。例如 #id{margin:0;} 會(huì)覆蓋 .classname{margin:3px;}。
4、第四級的屬性由一個(gè)或多個(gè) 類選擇器、屬性選擇器、偽類選擇器定義。如 .classname{margin:3px;} 會(huì)覆蓋 div{margin:6px;}
5、第五級由一個(gè)或多個(gè) 類型選擇器定義。如 div{margin:6px;} 覆蓋 *{margin:10px;} 。
最低一級的選擇器是為一個(gè)通配選擇器，用*{margin:10px;}這樣的類型來定義。
2016-07-28
如果通用選擇器和標(biāo)簽選擇器共存的話，瀏覽器優(yōu)先處理標(biāo)簽選擇器的屬性，然后再處理通用選擇器。不知道對不對，求大神指正。
2016-07-28
這個(gè)不是很清楚 可能不是優(yōu)先級的問題 應(yīng)該是你body加進(jìn)去沒什么用，加不加都沒什么