`1.class 和 id 的使用場(chǎng)景?
class為類選擇器绞灼，可以用于標(biāo)識(shí)同一類的多個(gè)元素利术，而id只能用于標(biāo)識(shí)某個(gè)元素.
2.CSS選擇器常見的有幾種?
基礎(chǔ)選擇器
組合選擇器
屬性選擇器
偽類選擇器
偽元素選擇器
3.選擇器的優(yōu)先級(jí)是怎樣的?對(duì)于復(fù)雜場(chǎng)景如何計(jì)算優(yōu)先級(jí)呈野？
優(yōu)先級(jí)由大到小依次如下：
（1）在屬性后面使用！Important會(huì)覆蓋頁(yè)面內(nèi)任何位置定義的元素樣式
（2）作為style屬性寫在元素標(biāo)簽上的內(nèi)聯(lián)樣式
（3）ID選擇器
（4）類選擇器
（5）偽類選擇器
（6）屬性選擇器
（7）標(biāo)簽選擇器
（8）通配符選擇器
（9）瀏覽器自定義
復(fù)雜場(chǎng)景的優(yōu)先級(jí)計(jì)算方法：
行內(nèi)樣式——a
ID選擇器——b
類 印叁、屬性和偽類選擇器——c
標(biāo)簽選擇器被冒，偽元素——d
以上選擇器分別設(shè)為abcd,計(jì)算以上abcd選擇器在復(fù)雜場(chǎng)景中出現(xiàn)的次數(shù)，如果a最多轮蜕，則優(yōu)先級(jí)最高昨悼；a同等條件下，看b出現(xiàn)的次數(shù)跃洛，出現(xiàn)次數(shù)多的率触，優(yōu)先級(jí)最高，以此類推汇竭。
4.a:link, a:hover, a:active, a:visited 的順序是怎樣的葱蝗？ 為什么？
順序是a:link,a:visited,a:hover, a:active,他們的優(yōu)先級(jí)不同细燎，不同的位置會(huì)產(chǎn)生覆蓋两曼，以上的順序能夠?qū)崿F(xiàn)正常效果。
5.以下選擇器分別是什么意思?
(1)#header{}匹配ID為header的所有元素
(2).header{} 匹配 class為header的所有元素
(3).header .logo{} 匹配class為header父元素下的所有class為logo的子元素
(4).header.mobile{}匹配的元素滿足這樣的條件玻驻，class既為header,class又 為mobile
(5).header p, .header h3{}匹配的元素分兩部分悼凑，一部分是class為header 下的標(biāo)簽為p 的所有子元素，另一部分是class為header下的標(biāo)簽為h3的所有子元素
(6)#header .nav>li{}匹配id為header下的某類子元素璧瞬，子元素滿足的條件是：class為nav的直接子元素li
(7)#header a:hover{}匹配id為header下的 所有 偽元素為a:hover的 子元素
(8)#header .logo~p{}匹配id為header 下的某類所有子元素户辫，子元素滿足的條件是class為 logo的同級(jí)元素，同級(jí)元素class為p
(9)#header input[type=”text”]{}匹配id為header下的屬性為text的input
6.列出你知道的偽類選擇器
·E:root
· E:nth-child(n)
· E:nth-last-child(n)
· E:nth-of-type(n)
· E:nth-last-of-type(n)
· E:last-child
· E:first-of-type
· E:last-of-type
· E:only-child
· E:only-of-type
7.div:first-child和div:first-of-type的作用和區(qū)別
· 匹配父元素的第一個(gè)子元素
· 匹配父元素下同種類型的第一個(gè)元素
8 運(yùn)行如下代碼嗤锉，解析下輸出樣式的原因
運(yùn)行結(jié)果：aa為紅色渔欢；aa,bb背景為藍(lán)色
分析：
.item1:first-child 的意思是匹配父元素的第一個(gè)子元素，父元素是ct档冬，第1個(gè)子元素是aa,因此aa是紅色膘茎。
.item1:first-of-type的意思是父元素下同種類型的第一個(gè)元素，父元素是ct酷誓，同類元素有兩個(gè)披坏，一個(gè)是aa，另一個(gè)是bb,所以aa,bb元素背景色是藍(lán)色盐数。
