css 爲元素選擇器，css目標狀態僞類，結構化選擇器，多媒體選擇器，清除表默認樣式、屬性選擇器

僞元素選擇器

:before 和 :after

添加的位置
:before --- 第一個子節點
:after --- 最後一個子節點

特色
一、默認是 inline 元素
二、必須包含 content 屬性
三、content 屬性的值 ： 字符串或者CSS的函數（url(), attr(), counter()） 多個字符串使用 空格 鏈接

注意事項：
規範要求是用::， 實際開發使用: 爲了支持IE低版本瀏覽器。

使用場景：
一、清除浮動
e:after{
content: "";
display: table;
clear: both;
}

二、頁面中有重複顯示的內容，且該內容無需進行DOM操做。（錢的符號等）
e:after{
content: "$";
}

三、防止父子塊元素嵌套，致使的高度塌陷（外邊距合併）。

e:before{
content: "";
display: block;
}

::selection -- 選中的文本內容，爲其設置樣式

注意：支持的CSS樣式有限。

::first-letter --- 一行的首字母

::first-line ---- 首行

2、目標狀態僞類

觸發的條件：
點擊連接元素，該連接元素href屬性指向的元素（元素id == 錨連接的值）
e:target{

}

3、結構化僞類選擇器

nth-child()

--- 不區分元素類型

nth-of-type()

--- 區分元素類型

參數：
number 數字 ---- 第幾個位置上的元素
odd ---- 奇數位元素
even ---- 偶數位元素
an + b ---- n (0 ~ 無限大的正整數)

4、計數函數 counter(), counters(num, "分割符")

5、屬性函數 attr(屬性名)

6、多媒體選擇器 @media

監控打印設備
@media print{

}

7、appearance 清除表單控件的默認樣式

擴展： 瀏覽器廠商前綴

-webkit- Chrome, Safari
-moz- 火狐
-o- 歐朋
-ms- IE

使用瀏覽器廠商前綴的屬性，
1.該屬性處於試驗階段，瀏覽器支持很差。
二、該瀏覽器特有屬性

8、屬性選擇器

e[屬性名]
e[屬性名=屬性值]
e[屬性名^=屬性值]
e[屬性名$=屬性值]
e[屬性名*=屬性值]

e[屬性名~=屬性值]

e[屬性名|=屬性值] 1.只包含該屬性值 2.或者改屬性值以屬性值-開頭