1.CSS選擇器常見的有幾種?

id選擇器、class選擇器、標簽選擇器、組合選擇器、偽類選擇器、屬性選擇器

2.選擇器的優(yōu)先級是怎樣的?

• !important永遠具有最高優(yōu)先級
• 標簽權(quán)值為1，類選擇器權(quán)值為10，id選擇器權(quán)值為100，權(quán)值高的優(yōu)先級就高，相應(yīng)就會使用哪種樣式
• 當一個元素有多個css樣式且這些樣式的權(quán)值一樣時，處于最后的那個被應(yīng)用

3.class 和 id 的使用場景?

id選擇器一般用于大區(qū)塊，在一個頁面中只能出現(xiàn)一次，id有錨點特性，可以放在a鏈接里使用,用于網(wǎng)頁跳轉(zhuǎn)。
class一個頁面中可以出現(xiàn)多次，一般用于樣式設(shè)置

4.使用CSS選擇器時為什么要劃定適當?shù)拿臻g？

5.以下選擇器分別是什么意思?

#header{ } :選擇id值為header的元素
.header{ }：選擇class值為header的元素
.header .logo{ }：選擇class值為header的元素中class值為logo的子元素
.header.mobile{ }：選擇class值同時為header和mobile的元素
.header p, .header h3{ }：選擇class值為header的元素的后代中所有的p標簽和h3標簽
#header .nav>li{ }：選擇id值為header的元素后代中class值為nav的元素的后代中的第一代li標簽
#header a:hover{ }：選擇id值為header的元素的后代中所有的a標簽,在鼠標懸停在該a標簽上時的樣式

6.列出你知道的偽類選擇器

：hover , :target , :first-child , ::berore, :active ,:enabled 等。

7.:first-child和:first-of-type的作用和區(qū)別

:first-child:選擇父元素的第一個子元素
:first-of-type:選擇父元素下相同類型子元素中的第一個子元素，如：.wrap>p:first-of-type{ } 匹配的是class名為wrap的元素的第一代p元素中的第一個p元素。

8.運行如下代碼，解析下輸出樣式的原因。

• .item1:first-child{ color: red;}：設(shè)置了class名為item1的所有元素中的第一個元素的樣式，也就是<p class="item1">aa</p>,所以在瀏覽器中可以看到，aa文本變成了紅色。
• .item1:first-of-type{ background: blue;}：設(shè)置了class名為item1的相同類型的元素的第一個元素的樣式，也就是class名為item1的第一個p和第一個h3,所以aa和bb的背景變成了藍色。

9.text-align: center的作用是什么，作用在什么元素上？能讓什么元素水平居中？

作用在塊級元素上，使塊級元素中的inline和inline-block元素水平居中。