參考**：
一、屬性選擇器
1、e[attr]
表示存在
attr
屬性,但沒有確定任何屬性值
表示屬性值
完全等於val
表示的屬性值裡包含
val字元並且在「
任意」位置；
表示的屬性值裡包含
val字元並且在「
開始」位置；
表示的屬性值裡包含
val字元並且在「
結束」位置
，效果與
e[attr^=val]相反；
二、偽類選擇器
1、結構偽類
e:first-child
第乙個子元素
：向上找到e
的父元素，父元素的第乙個子元素若為
e，則實現選擇效果，如果第乙個不為
e，則沒有篩選到任何元素。
e:last-child
最後乙個子元素
e:nth-child(n) 第n
個子元素，
nth-child
選擇器在計算子元素是第n個元素，是連同所有父元素中所有子元素一起計算的
，確定位置是要包含所有元素
；e:nth-last-child(n)
同e:nth-child(n)
相似，只是
倒著計算；
n遵循線性變化，其取值0、
1、2、
3、4、
...
但是當n<=0
時，選取無效。
n可是多種形式：
nth-child(2n+0)
、nth-child(2n+1)
、nth-child(-1n+3)
等；注意：在原來的基礎上新增了乙個元素，原來的結構偽類會因為篩選不到元素造成樣式失效或者樣式混亂，例如：
為了避免上述情況，可以用e:
nth-of-type
(n)e:
nth-of-type
(n):
和e:nth-child(n)
非常類似，不同的是它只計算父元素中指定的e型別的子元素，上面的例子就可以直接利用這個選擇器實現，它可以只選中
p元素。
e:empty 選中沒有任何子節點的e元素；
2、目標偽類
e:target
結合錨點進行使用，
url後面跟錨點
#，指向文件內某個具體的元素。這個被鏈結的元素就是目標元素
(target element)
，:target
選擇器用於選取當前活動的目標元素；/*
給沒有.special的li
元素設定樣式.*/
li:not(.special)
三、偽元素選擇器
e::first-letter
文字的第乙個單詞或
字（如中文、日文、韓文等）
，常見的效果
為首字母下沉；
e::first-line
文字第一行
，不管瀏覽器放大縮小，始終是第一行
；e::selection
可改變選中文字的樣式；
重點：e::before
、e::after
預設是乙個行內元素，需要轉換成塊元素
e:after
、e:before
在舊版本
裡是偽元素，
css3
的規範裡「
:」用來表示偽類，「
::」用來表示偽元素，但是在高版本瀏覽器下
e:after
、e:before
會被自動識別為
e::after
、e::before
，這樣做的目的是用來做
相容處理。
":"
與"::"
區別在於區分偽類和偽元素
注意：after、
before
與content
一起使用！！！
selection
：selection 為選中的字型設定樣式，但是不支援
font-size
四、 物件文字佔位
::placeholder
偽元素用於控制表單輸入框佔位符的外觀，它允許開發者
/設計師改變文字佔位符的樣式，預設的文字佔位符為淺灰色。當表單背景色為類似的顏色時它可能效果並不是很明顯，那麼就可以使用這個偽元素來改變文字佔位符的顏色。
需要注意的是，除了
firefox
是::[prefix]placeholder
，其他瀏覽器都是使用
::[prefix]input-placeholder
firefox
支援該偽元素使用
text-overflow
屬性來處理溢位問題。
css3 選擇器 CSS3選擇器
子級選擇器用於選取帶有特定父元素的元素。書寫語法 element1 element2 注意 如果 element2 元素不是父元素 element1 的直接子元素，則不會被選擇。符號之前書寫父級的選擇器，符號之後寫子級選擇器，必須滿足父子級關係才選中標籤 相鄰兄弟選擇器可以用於選擇緊接在另乙個元素後...
css 3 基礎選擇器。
css3 選擇器。基礎選擇器 通配選擇器 選中所有，不建議使用 e 元素選擇器，在rest.css 經常用到，用與將各個瀏覽器元素預設樣式統一 id id 選這器 class 類選擇器 selector selectorn 群租選擇器。以上的我們比較常用，而且所有瀏覽器都支援的 css選擇器。層次選...
CSS3基礎選擇器
選擇器分組 多個選擇器使用同乙個樣式 h1,h2,astrong 選擇器繼承 body中未設定樣式的會使用繼承得到的樣式 body 派生選擇器 通過元素在其位置的上下關係來定義樣式 li strong 派生選擇器與id選擇器 派生選擇器 通過元素在其位置的上下關係來定義樣式 li strong id...