css選擇器優(yōu)先級怎么比較

CSS選擇器中比較常見的有標(biāo)簽選擇器、ID選擇器、類選擇器以及子選擇器。而事實上，CSS選擇器如果細(xì)分下來，竟然多達(dá)40多種。那他們的優(yōu)先級該怎么比較呢，下面就來看看吧。

● 不同級別

1. 在屬性后面使用 !important 會覆蓋頁面內(nèi)任何位置定義的元素樣式。

2. 作為style屬性寫在元素內(nèi)的樣式

3. id選擇器

4. 類選擇器

5. 元素選擇器

6. 通配符選擇器

7. 瀏覽器自定義或繼承

總結(jié)排序：!important > 行內(nèi)樣式 > ID選擇器 > 類選擇器 > 元素 > 通配符 > 繼承 > 瀏覽器默認(rèn)屬性

● 同一級別

(1) 同一級別中后寫的會覆蓋先寫的樣式

(2) 同一級別css引入方式不同，優(yōu)先級不同

總結(jié)排序：內(nèi)聯(lián)(行內(nèi))樣式 > 內(nèi)部樣式表 > 外部樣式表 > 導(dǎo)入樣式(@import)。

對于選擇器優(yōu)先級，還可以通過計算權(quán)重值來比較

答案是星星選擇標(biāo)簽。

因為星號選擇器的定義是用于選擇html中的所有標(biāo)簽，在一個頁面中我們都會選擇去掉html所有標(biāo)簽的默認(rèn)樣式，然后根據(jù)自己的需求添加樣式，這個時候就需要使用*選擇標(biāo)簽。

另外一個*選擇標(biāo)簽也可以搭配到其他的標(biāo)簽進(jìn)行使用，用來選擇表示某個父元素下面的所有子元素標(biāo)簽。

1.JS對于權(quán)重一般的網(wǎng)站來說影響是很大的。

2.因為JS對搜索引擎是不友好的，搜索引擎的蜘蛛是抓取不到JS里面的內(nèi)容，除了JS，flash也是同樣的。

3.建議JS生成的效果用div+css完全可以取代JS，如果非用不可，就將JS代碼寫在另一個文件中來調(diào)用。

4.交換友情鏈接的時候要小心，如果對方在你的友情鏈接html標(biāo)簽中加了no follow標(biāo)簽，那么他網(wǎng)站上的權(quán)重是傳不過來的。

使用div+css設(shè)計網(wǎng)站對seo影響是非常大的，所以要引起足夠的重視，由于結(jié)構(gòu)簡單，符合標(biāo)準(zhǔn)，所以深受搜索引擎的喜歡，要合理的利用div+css正確的布局網(wǎng)站，來達(dá)到自己網(wǎng)站長期更好的發(fā)展。

div+css對seo影響在哪里：

1、 代碼精簡：

利用div+css代碼比較規(guī)范整齊，好處有兩點：一、是提高了spider爬行速度，能在較短的時間內(nèi)完成整個頁面，對收錄質(zhì)量比較有好處;二是能高效爬行的頁面，就會受到spider的喜歡，這樣低收錄數(shù)量很有效。

2、 表格的鑲嵌問題：

目前來說大部分的網(wǎng)站都用table來布局，遇到多層表格鑲嵌時候，會跳過鑲嵌的內(nèi)容或者直接放棄整個頁面。

網(wǎng)站中過多的相似頁面會直接影響到排名和域名信任度。

而div+css是通過代碼來控制，就不會出現(xiàn)這樣的問題，對seo好處多多，要從根本上認(rèn)識到這個。

3、 速度問題：

Div+css相對于表格table來說少了很多垃圾代碼，加載速度提高對spider爬行是比較有利的，過多的代碼會讓頁面無法訪問，影響收錄和權(quán)重，真正的網(wǎng)站不只是為了追求收錄，排名，快速的響應(yīng)速度也是提高用戶體驗的基礎(chǔ)，如果網(wǎng)站都難以打開，更不要提排名等問題了。

4、 修改設(shè)計時更有效率

Div+css只需要修改響應(yīng)的定義和id，更方便快捷而且不會破壞頁面的布局形式。省時省力。

5、 保持視覺的一致性

以往的表格布局總是造成在不同的瀏覽器或者頁面造成顯示效果有偏差或者錯位，而css+div則統(tǒng)一使用css文件控制，就避免了這種情況的出現(xiàn)。

6、 對排名的影響

Div+css布局，一般在設(shè)計完后會盡可能完善到能通過w3c驗證，與普通表格布局比，使用xtml架構(gòu)的網(wǎng)站排名狀況一般都是要好很多的。

BCDB 比如class類型 class = "nav"的話 那么CSS對應(yīng) .nav{}C 比如 body input 就是直接對應(yīng) body{} input{}D ID選擇器 id="name" 那么css對應(yīng) #name{}