**1.標籤選擇器**

標籤名{
屬性名：屬性值
}

例如： div{
width：100px；
}

**2.通用選擇器**

*{
屬性名：屬性值
}
例如： *{
margin：0；
padding：0；
}
效能極低，常用於清楚預設樣式，測試使用

**3.類選擇器**

給標籤用class命名
例如給標籤命名為 class=“nav”
.nav{
屬性名：屬性值
}

**4.id選擇器**

給標籤用id命名
例如：給標籤命名為 id=“nav”
#nav{
屬性名：屬性值
}
注意：一個ID名只能給一個標籤
一個標籤只有一個ID名
**5.後代選擇器**

選擇某一元素的後代元素
例如：
<div class=“father”>
<div class=“son”>
</div>
</div>
.father .son{
屬性名：屬性值
}
由內向外查詢，先找到祖先，再標記後代

**6.子選擇器**

選擇元素的直接後代
父選擇器>子選擇器{
屬性名：屬性值
}
**7.相鄰兄弟選擇器**

選擇緊挨元素的後一個元素
元素名+兄弟名{
屬性名：屬性值
}
**8.通用兄弟選擇器**

選擇該元素後面某一類兄弟
元素名~兄弟名{
屬性名：屬性值
}
**9.並集選擇器**

將兩個不相干的元素同時新增相同屬性
元素1，元素2{
屬性名：屬性值
}
**10.交集選擇器**

元素名.類名（#id名）{
屬性名：屬性值
}

**css三大特性：**
1、繼承：父級樣式被子級繼承
2、層疊：當樣式發生衝突時，樣式會被覆蓋
3、優先順序：
！important > 行內樣式 > id > 類 > 標籤 > * > 繼承
遵循就近原則