1. 常見CSS選擇器
- id選擇器。
#id - class選擇器.
.class - 屬性選擇器。如：
input[type="button"] - 組合選擇器：
- 多元素選擇器“A,B”。，同時匹配所有A元素和B元素，A和B之間用逗號分隔，如：
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元素之后的同級元素B，如：
p + p { color:#f00; }
- 標(biāo)簽選擇器
-
*通用元素選擇器。匹配頁面任何元素。很少用到。 - 偽類選擇器。E:XXXXX
2. 選擇器的優(yōu)先級是怎樣的?
從高到低分別是：
- 在屬性后面使用!important會覆蓋頁面任何位置定義的元素樣式。
- 作為style屬性寫在標(biāo)簽里面的內(nèi)聯(lián)樣式。
- id選擇器
- 類選擇器
- 偽類選擇器
- 屬性選擇器
- 標(biāo)簽選擇器
- 通配符選擇器
- 瀏覽器自定義
~選擇器給得越精準(zhǔn)權(quán)重越高。
~當(dāng)兩個選擇器權(quán)重相同，樣式重疊時，后面那一個的權(quán)重高。
