keywords：選擇器、優(yōu)先級(jí)、class與id、命名空間、偽類(lèi)。
-
CSS選擇器常見(jiàn)的有幾種?
常見(jiàn)的CSS選擇器分為：
1、基礎(chǔ)選擇器；
2、組合選擇器；
3、屬性選擇器；
4、偽類(lèi)選擇器；
5、偽元素選擇器。
1、基礎(chǔ)選擇器：id選擇器、class類(lèi)選擇器、標(biāo)簽選擇器；
2、組合選擇器：多元素選擇器（用逗號(hào)分隔）、后代選擇器（用空格分隔）、直接子元素選擇器（用>分隔）；
3、屬性選擇器：例如input[type=“text”]；
4、偽類(lèi)選擇器：a:link、a:hover、a:active、a:visited；
5、偽元素選擇器：p:after、p:before
-
選擇器的優(yōu)先級(jí)是怎樣的?
從高至低：
1、屬性后加！important
2、作為style屬性加載標(biāo)簽內(nèi)部；
3、id選擇器；
4、類(lèi)選擇器；
5、偽類(lèi)選擇器；
6、屬性選擇器；
7、標(biāo)簽選擇器；
8、通配符選擇器；
另外，當(dāng)選擇器選擇同一屬性并具有相同權(quán)重時(shí)，位于后面的屬性將覆蓋掉前面的。
當(dāng)選擇器較為復(fù)雜時(shí)，可通過(guò)對(duì)各選擇器計(jì)數(shù)來(lái)確定最終權(quán)重：
#test p.class1 {...}
#test .class1.class2 {...}```
后者有2個(gè)id選擇器，權(quán)重更高。
- ###class 和 id 的使用場(chǎng)景?
class是“某類(lèi)”的意思，用于標(biāo)識(shí)元素標(biāo)簽。屬于同一類(lèi)的元素，應(yīng)用同一個(gè)class。
id用于標(biāo)識(shí)具有唯一性的元素標(biāo)簽，每個(gè)文檔頁(yè)面中，一個(gè)id只能用一次（確保唯一性）。
- ###使用CSS選擇器時(shí)為什么要?jiǎng)澏ㄟm當(dāng)?shù)拿臻g？
>命名空間表示標(biāo)識(shí)符的可見(jiàn)范圍。
劃定適當(dāng)?shù)拿臻g，一是為了語(yǔ)義化，保持代碼簡(jiǎn)潔，便于維護(hù)；二是精準(zhǔn)選擇元素，施加樣式。
- ###以下選擇器分別是什么意思?
- ###列出你知道的偽類(lèi)選擇器。
1、:link：匹配未點(diǎn)擊的鏈接；
2、:hover：匹配鼠標(biāo)懸停時(shí)的元素；
3、:active：匹配鼠標(biāo)點(diǎn)擊時(shí)的元素；
4、:visited：匹配已點(diǎn)擊的元素；
5、:first-child：匹配元素的第一個(gè)子元素；
6、:focus：匹配獲得焦點(diǎn)的元素；
7、:checked：匹配已選中radio或checkbox元素；
(未完待續(xù))
- ###:first-child和:first-of-type的作用和區(qū)別
E:first-child：首先由E篩選出相應(yīng)元素，再由是否為第一個(gè)子元素進(jìn)行判斷。(前一個(gè)篩選，后一個(gè)驗(yàn)證)
E:first-of-type：首先由E篩選出相應(yīng)元素，再由是否為同標(biāo)簽下第一個(gè)元素進(jìn)行判斷。(前一個(gè)篩選，后一個(gè)驗(yàn)證)
- ###text-align: center的作用是什么，作用在什么元素上？能讓什么元素水平居中
text-align:center是塊級(jí)元素屬性，可以使行內(nèi)元素水平居中，這里的元素不局限于文本，還可以是圖像。text-align具有繼承性。
- ###如果遇到一個(gè)屬性想知道兼容性，在哪查看?
[can i uese](http://caniuse.com/)