一.基本選擇器

　　類選擇器 .name{}

　　ID選擇器 #name{}

　　元素選擇器 name{}

　　通配符選擇器(編譯不通過) *{}

　　包含選擇器 p c{}：parent下所有的同一名字的child

　　子元素選擇器 p>c{}：parent下一層所有的同一名字的child

　　鄰近兄弟元素選擇器 c1+c2{}：同一層級中與child1相鄰的child2元素

　　通用兄弟元素選擇器 c1~c2{}：同一層級中，child1下一個(gè)(可不相鄰)child2元素

　　二.屬性選擇器

　　E[attr]：包含attr屬性的元素

　　E[attr="value"]：屬性值只等于“value"的元素

　　E[attr~="value"]：有的元素屬性有很多個(gè)屬性值，該樣式表示屬性值中只要有一個(gè)是“value"的元素

　　E[attr|="value"]：屬性值以“value-"開頭的元素

　　E[attr^="value"]：屬性值以“value"開頭的元素

　　E[attr$="value"]：屬性值以“value"結(jié)尾的元素

　　E[attr*="value"]：屬性值字符串中包含“value"的元素

　　偽類選擇器

　　動態(tài)偽類選擇器(:link :visited :hover :active :focus)

　　:link：鏈接沒有被訪問時(shí)的效果(微信小程序不支持)

　　:hover：鼠標(biāo)經(jīng)過的效果(微信小程序不支持)

　　:visited：鏈接被訪問后的效果(微信小程序不支持)

　　:active：鼠標(biāo)點(diǎn)下去的效果(正發(fā)生在點(diǎn)的那一下)

　　:focus：獲得焦點(diǎn)后的效果

　　狀態(tài)偽類選擇器(:enabeld :disabled :checked)

　　選擇偽類選擇器(:first-child :last-child :nth-child() :nth-last-child() :nth-of-type() :nth-last-of-type() :first-of-type :last-of-type :only-child :only-of-type)

　　:first-child：選擇某個(gè)元素的第一個(gè)子元素(更確切的說為：選擇第一個(gè)使用該屬性的元素)

　　:last-child：選擇某個(gè)元素的最后一個(gè)子元素(更確切的說為：選擇最后一個(gè)使用該屬性的元素)

　　:nth-child()：選擇某個(gè)元素的一個(gè)或多個(gè)特定的子元素(參數(shù)從1開始)

　　:nth-last-child()：選擇某個(gè)元素的一個(gè)或多個(gè)特定的子元素，從這個(gè)元素的最后一個(gè)子元素開始算

　　:nth-of-type()：選擇指定的元素(參數(shù)從1開始)

　　:nth-last-of-type()：選擇指定的元素，從元素的最后一個(gè)開始計(jì)算

　　:first-of-type：選擇一個(gè)上級元素的第一個(gè)同類子元素

　　:last-of-type：選擇一個(gè)上級元素的最后一個(gè)同類子元素

　　:only-child：選擇的元素是它的父元素的唯一一個(gè)子元素

　　:only-of-type：選擇一個(gè)元素是它的上級元素的唯一一個(gè)相同類型的子元素

　　空內(nèi)容偽類選擇器(:empty)：選擇的元素里面沒有任何內(nèi)容

　　否定偽類選擇器(:not)：不匹配該屬性的每個(gè)元素(微信小程序不支持)

　　偽元素(::first-line ::first-letter ::before ::after ::selection)

　　::first-line：第一行

　　::first-letter：第一個(gè)字母

　　::selection：文本被選擇(如復(fù)制時(shí))后的效果，CSS只能修改background與color兩個(gè)屬性，微信小程序不支持