css選擇器優先級怎么比較

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

● 不同級別

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

2. 作為style屬性寫在元素內的樣式

3. id選擇器

4. 類選擇器

5. 元素選擇器

6. 通配符選擇器

7. 瀏覽器自定義或繼承

總結排序：!important > 行內樣式 > ID選擇器 > 類選擇器 > 元素 > 通配符 > 繼承 > 瀏覽器默認屬性

● 同一級別

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

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

總結排序：內聯(行內)樣式 > 內部樣式表 > 外部樣式表 > 導入樣式(@import)。

對于選擇器優先級，還可以通過計算權重值來比較

答案是星星選擇標簽。

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

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

1.JS對于權重一般的網站來說影響是很大的。

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

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

4.交換友情鏈接的時候要小心，如果對方在你的友情鏈接html標簽中加了no follow標簽，那么他網站上的權重是傳不過來的。

使用div+css設計網站對seo影響是非常大的，所以要引起足夠的重視，由于結構簡單，符合標準，所以深受搜索引擎的喜歡，要合理的利用div+css正確的布局網站，來達到自己網站長期更好的發展。

div+css對seo影響在哪里：

1、 代碼精簡：

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

2、 表格的鑲嵌問題：

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

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

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

3、 速度問題：

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

4、 修改設計時更有效率

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

5、 保持視覺的一致性

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

6、 對排名的影響

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

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