css選擇器大全（中）

：before	元素選擇器 ：before	在每個指定的元素的內容之前插入新內容
：after	元素選擇器 ：after	在每個指定的元素的內容之後插入新內容
：lang（en）	屬性開頭選擇器	選擇帶有以 "en" 開頭的 lang 屬性值的每個 <p> 元素，並設置其樣式： 與[attribute|=value] 的比較： 一般寫法[屬性|=en]，如果需要限定某個元素的話，寫法爲，元素或者選擇器[屬性|=en]，此時的效果等同於:屬性(en)， p:lang(en) 效果等同於  p[lang|=en]
p~ul	相同父輩元素第一個元素之後的另一個元素	爲所有相同的父元素中位於 p 元素之後的所有 ul 元素設置背景：
[attribute^=value]	a[src^="https"]	選擇其 src 屬性值以 "https" 開頭的每個 <a> 元素。如果不限定爲某一類元素的話，[src^="https"]  效果等同於[attribute|=value] （此時屬性不帶引號）
[attribute$=value]	a[src$=".pdf"]	選擇其 src 屬性以 ".pdf" 結尾的所有 <a> 元素。 [src^=".pdf"]  效果等同於 [src~=.pdf] （此時屬性不帶引號）
[attribute*=value]	a[src*="abc"]	選擇其 src 屬性中包含 "abc" 子串的每個 <a> 元素。 如果不限定爲某一類元素的話，[src^="https"]  效果等同於（此時屬性不帶引號）
:first-of-type	p:first-of-type	指定父元素的首個 p 元素的樣式，p元素作爲子元素，同時也確定了p所對應的父元素
:last-of-type	p:last-of-type	指定父元素的末個 p 元素的樣式，p元素作爲子元素，同時也確定了p所對應的父元素
:only-child	p:only-child	規定屬於其父元素的唯一子元素的每個 p 元素。使用此選擇器前，需要保證p爲子元素，且只有P這一個子元素。否則無效果
:nth-child(n)	p:nth-child(2)	規定屬於其父元素的第二個子元素爲P的樣式，使用前，需保證至少有（n）個元素，且只能限定當前元素的同級元素