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 >Hello!</p>     //背景變黃色                        <p >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