用于來定義一類可以在同一個頁面內重復利用的樣式。 如比較常用的.clearfix（一般是用于清除浮動），或者自己定義的用于新聞列表的樣式，詳細的寫好鏈接、列表、邊框以及背景等屬性，有些人還會習慣把一些常用的屬性作為一個類。

后代選擇器的寫法就是把外層的標記寫在前面，內層的標記寫在后面，之間用空格分隔。當標記發生嵌套時，內層的標記就成為外層標記的后代。子選擇器只對直接后代有影響的選擇器，而對“孫子后代”以及多層后代不產生作用。 主要去別是后代選擇器使用可以是各種選擇器（標記選擇器、類別選擇器、ID選擇器）都可以進行嵌套。而子選擇器只作用在子類。 要注意瀏覽器兼容性：在IE6中，只支持后代選擇器，不支持子選擇器，而在IE7和FF中既支持后代選擇器，又支持子選擇器。

很古老的話題了

id=100

class=10

tag（標簽）=1

按照這個規律去計算，比如

#qietu div{}

100+1 = 101

.qietu .box{}

10+10=20

可以得出第一個的權重要比第二個要高。另外關于權重的擴展知識面，我推薦了解下BEM命名規則，這個觀念很好，可以從側面杜絕權重問題的產生，還有一個就是提高權重的方法 !important;

css選擇器優先級怎么比較

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

● 不同級別

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

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

3. id選擇器

4. 類選擇器

5. 元素選擇器

6. 通配符選擇器

7. 瀏覽器自定義或繼承

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

● 同一級別

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

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

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

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