c3選擇器

經常記不住c3選擇器，再次強化一遍。。。

1.屬性選擇器

語法特點：[]

e[attr] 具有某屬性的標籤

e[attr = ""]  屬性值完全等於某個值的標籤

e[attr *= ""] 屬性值裏包含某個值的標籤

e[attr ^= ""] 屬性值以某個值開頭的標籤

e[attr $= ""] 屬性值以某個值結尾的標籤

2.僞類選擇器（位置僞類）

e:first-child 父元素的第一個子元素 例子：li:first-child //父元素的第一個子元素，並且標籤是li

e:last-child 父元素的最後一個子元素

e:nth-child(n) n是乘法因子，理解爲變量，n從0開始取值

2n是偶數

2n-1或者2n+1是奇數

e:nth-child(even) 偶數

e:nth-child(odd) 奇數

e:nth-last-child(n) 倒數第N個元素

2.空僞類

e:empty 選中沒有任何子節點的e元素

3.目標僞類

e:target  結合錨點使用，處於當前錨點的元素會被選中

用法：

<a href="#box"></a>

<div id="box"></div>

調用#box:target {}

4.排除僞類

e:not(選擇器） 除了選擇器意外的元素會被選中

5.僞元素選擇器

語法特點：雙冒號：：

e::first-letter 對文本的第一個字或者字符設置樣式

e::selection 可改變選中文本的樣式

e::first-line 對文本的第一行設置樣式

e::before 和e:affter 在E元素內部的開始爲止和結束位置創建一個元素，該元素爲行內元素，使用時必須結合content使用

例子：

div::before{

content："";//必須寫，不能省略

display:block;//默認是inline-block

width:......;

height:....;

}