CSS選擇器大全（上）

div,p	元素選擇器	選擇所有 <div> 元素和所有 <p> 元素。
div p	後代選擇器	選擇 <div> 元素內部的所有 <p> 元素。
div>p	子元素選擇器	選擇父元素爲 <div> 元素的所有 <p> 元素。
div+p	同輩（級）元素選擇器	選擇緊接在 <div> 元素之後的所有 <p> 元素，此時的div和P元素是同一級別的，也就是所說的同輩元素
[attribute]	屬性選擇器	爲帶有 某種 屬性的任何元素設置樣式，如，爲帶有href或者target屬性的a的所有元素設置，格式：a[href]|a[target]
[attribute=value]	屬性值等於選擇器	爲帶有某種屬性（attribute），且屬性值是value（代表具體值）的所有元素設置樣式  例如：a[href='www.baidu.com'],a[target='_blank']
[attribute~=value]	屬性包含選擇器	爲帶有某種屬性（attribute），且屬性值包含value（代表具體值）的所有元素設置樣式，此時的包含分爲全包含和部分包含，舉例說明：   [title~=flower]   //設置title屬性包含flower內容的邊框爲5px且爲黃色      {         border:5px solid yellow;   }     <img src="/i/eg_tulip.jpg" title="tulip flower" />  //邊框變黃     <img src="/i/shanghai_lupu_bridge.jpg" title="lupu bridge" />    //沒有邊框
[attribute|=value]	屬性開頭選擇器	注意：這裏的value需要全匹配，不能部分匹配 舉例說明：[lang|=en]  { background:yellow;  }                           <p lang="en">Hello!</p>     //背景變黃色                        <p lang="e-us">Hi!</p>        //背景無變化
:link	a:link	選擇所有未被訪問的鏈接。
:visited	a:visited	選擇所有已被訪問的鏈接。
:active	a:active	選擇活動鏈接
:hover	a:hover	選擇鼠標指針位於其上的鏈接。
:focus	元素選擇器:focus	選擇獲得焦點的 input 元素。
:first-letter	元素選擇器:first-letter	選擇每個 <p> 元素的首字母
:first-line	元素選擇器:first-line	選擇每個 <p> 元素的首行，包含空格。如：my name is feifan
:first-child	元素選擇器:first-child	選擇屬於父元素的第一個子元素的每個 要匹配的 元素。  如：p:first-child,此時的p爲某個元素下的子元素，需要獲取該元素下的第一個爲p