選擇器分組，聲明分組
類選擇器可以結(jié)合使用，ID選擇器不行，因?yàn)镮D屬性不允許有以空格分隔的詞列表

img[alt]{}選擇img包含alt屬性的img元素
a[href="www.baidu.com"]{}
a[href="www.baidu.com"][title="w3c"]{}

ID選擇器和指定id屬性的選擇器不是一回事

h1#page-title和h1[id="page-title"]有差別

p[class~="warning"]{}根據(jù)部分屬性值選擇元素，等價(jià)于p.warning
[foo^="bar"]選擇foo屬性值以“bar”開頭的所有元素
[foo$="bar"]選擇foo屬性值以“bar”結(jié)尾的所有元素
[foo*="bar"]選擇foo屬性值中包含子串“bar”的所有元素
根據(jù)屬性值中子串選擇元素，foo是任何屬性都可以
*[lang |= "en" ]{}選擇lang屬性等于en或者以en開頭的所有元素

后代選擇器

h1 em{}

子選擇器(有些時(shí)候并不想選擇任意的后代元素，而是希望縮小范圍，只選擇另一個(gè)元素的子元素)

h1 > strong{}

選擇相鄰兄弟元素

h1 + p{} 同父且相鄰的兄弟

偽類和偽元素

鏈接偽類
:link 未訪問過    靜態(tài) 
:visited 訪問過    靜態(tài) 
:focus 表示當(dāng)前擁有輸入焦點(diǎn)的元素        動(dòng)態(tài)
:hover 鼠標(biāo)指針停留在元素上        動(dòng)態(tài)
:active 被用戶輸入激活的元素        動(dòng)態(tài)

偽類的順序很重要
link-visited-focus-hover-active

:first-child 選擇父元素的第一個(gè)子元素    靜態(tài) 

p:first-letter{}設(shè)置塊級(jí)元素首字母樣式
p:first-line{}設(shè)置元素中第一個(gè)文本行
h2:before{content:"|"}在每個(gè)h2元素前加一個(gè)|
h2:after{content:"|"}在每個(gè)h2元素后加一個(gè)|