1. 常見(jiàn)CSS選擇器
- id選擇器。
#id - class選擇器.
.class - 屬性選擇器。如：
input[type="button"] - 組合選擇器：
- 多元素選擇器“A,B”屑迂。浸策，同時(shí)匹配所有A元素和B元素，A和B之間用逗號(hào)分隔惹盼，如：
div,p { color:red; } - 派生選擇器（后代選擇器）"A B"庸汗。匹配所有屬于A元素后代的B元素手报，A和B之間用空格分隔，如：
#nav li { display:inline; },li a { font-weight:bold; } - 直接子元素選擇器"A>B"枉昏。匹配所有A元素的子元素B兄裂。如：
div > strong { color:#f00; } - 相鄰元素選擇器"A+B"阳藻。匹配所有緊隨A元素之后的同級(jí)元素B，如：
p + p { color:#f00; }
- 標(biāo)簽選擇器
-
*通用元素選擇器匾南。匹配頁(yè)面任何元素蛔外。很少用到。 - 偽類(lèi)選擇器臊岸。E:XXXXX
2. 選擇器的優(yōu)先級(jí)是怎樣的?
從高到低分別是：
- 在屬性后面使用!important會(huì)覆蓋頁(yè)面任何位置定義的元素樣式尊流。
- 作為style屬性寫(xiě)在標(biāo)簽里面的內(nèi)聯(lián)樣式。
- id選擇器
- 類(lèi)選擇器
- 偽類(lèi)選擇器
- 屬性選擇器
- 標(biāo)簽選擇器
- 通配符選擇器
- 瀏覽器自定義
~選擇器給得越精準(zhǔn)權(quán)重越高逻住。
~當(dāng)兩個(gè)選擇器權(quán)重相同瞎访，樣式重疊時(shí)吁恍，后面那一個(gè)的權(quán)重高播演。
