CSS選擇器常見的有幾種?
元素選擇器:
div
ul
ol
h1-6
p
a
類選擇器：
.class{}
id選擇器：
#id{}
選擇器的優(yōu)先級是怎樣的?
優(yōu)先級：
匆绣！important是最高的笆环，其次是標(biāo)簽里面的style，除互拾！important之外筐赔，用style屬性編寫的規(guī)則總比其他規(guī)則特殊株婴，具有id選擇器的規(guī)則比沒有id選擇器的規(guī)則特殊。具有類選擇器的規(guī)則比只有類型選擇器的規(guī)則特殊股毫，然后依次是偽類膳音，屬性，標(biāo)簽铃诬，通配符祭陷，瀏覽器自定義選擇器，如果兩個(gè)規(guī)則特殊性相同氧急，則后定義的規(guī)則優(yōu)先颗胡。
class 和 id 的使用場景?
class是代表一類毫深，可以在頁面上重復(fù)使用吩坝，比如某個(gè)可以重復(fù)使用的樣式，布局哑蔫，顏色等钉寝。
id是頁面里獨(dú)一無二的，可以用于頁面的大塊的布局闸迷，或者特有的屬性嵌纲，或者埋點(diǎn)。
使用CSS選擇器時(shí)為什么要?jiǎng)澏ㄟm當(dāng)?shù)拿臻g腥沽？
使用命名空間后可以對特定的區(qū)域進(jìn)行樣式修改逮走。
以下選擇器分別是什么意思?
#header{}????????????????????? header的id選擇器.header{}????????????????????? ?header的類選擇器
.header .logo{}????????????? 既是header類的后代又是logo類的選擇器
.header.mobile{}?????????? 一個(gè)既包含header又包含mobile的類選擇器
.header p, .header h3{} header類的p元素選擇器，以及header類的h3元素選擇器
#header .nav>li{}????????? id為header今阳，里面類為nav的第一個(gè)li元素
#header a：hover{}??????? id為header 里的a標(biāo)簽的偽類hover
列出你知道的偽類選擇器
hoverfocus
active
after
before
:first-child和:first-of-type的作用和區(qū)別
:first-child是指第一個(gè)子元素
:first-of-type是指符合樣式的第一個(gè)子元素师溅，不一定是模塊內(nèi)的第一個(gè)子元素
運(yùn)行如下代碼，解析下輸出樣式的原因盾舌。
.item1:first-of-type{}是指同一個(gè)父元素下,同一標(biāo)簽里墓臭，class含有item1的第一個(gè)子元素
.item1:first-child{}是指同一個(gè)父元素下，class含有item1的第一個(gè)子元素
text-align: center的作用是什么妖谴，作用在什么元素上窿锉？能讓什么元素水平居中
text-align：center可以讓模塊內(nèi)容居中，作用在塊級元素上膝舅，可以讓行內(nèi)元素居中
如果遇到一個(gè)屬性想知道兼容性嗡载，在哪查看?
caniuse.com
