1.CSS選擇器常見的有幾種?
id選擇器、class選擇器、標(biāo)簽選擇器章咧、組合選擇器卤档、偽類選擇器茎活、屬性選擇器
2.選擇器的優(yōu)先級(jí)是怎樣的?
-
!important永遠(yuǎn)具有最高優(yōu)先級(jí) - 標(biāo)簽權(quán)值為1，類選擇器權(quán)值為10，id選擇器權(quán)值為100，權(quán)值高的優(yōu)先級(jí)就高沙廉，相應(yīng)就會(huì)使用哪種樣式
- 當(dāng)一個(gè)元素有多個(gè)css樣式且這些樣式的權(quán)值一樣時(shí)珊皿，處于最后的那個(gè)被應(yīng)用
3.class 和 id 的使用場(chǎng)景?
id選擇器一般用于大區(qū)塊，在一個(gè)頁(yè)面中只能出現(xiàn)一次巨税，id有錨點(diǎn)特性蟋定，可以放在a鏈接里使用,用于網(wǎng)頁(yè)跳轉(zhuǎn)。
class一個(gè)頁(yè)面中可以出現(xiàn)多次而晒，一般用于樣式設(shè)置
4.使用CSS選擇器時(shí)為什么要?jiǎng)澏ㄟm當(dāng)?shù)拿臻g迅耘？
5.以下選擇器分別是什么意思?
#header{ } :選擇id值為header的元素
.header{ }：選擇class值為header的元素
.header .logo{ }：選擇class值為header的元素中class值為logo的子元素
.header.mobile{ }：選擇class值同時(shí)為header和mobile的元素
.header p, .header h3{ }：選擇class值為header的元素的后代中所有的p標(biāo)簽和h3標(biāo)簽
#header .nav>li{ }：選擇id值為header的元素后代中class值為nav的元素的后代中的第一代li標(biāo)簽
#header a:hover{ }：選擇id值為header的元素的后代中所有的a標(biāo)簽,在鼠標(biāo)懸停在該a標(biāo)簽上時(shí)的樣式
6.列出你知道的偽類選擇器
：hover , :target , :first-child , ::berore, :active ,:enabled 等簇捍。
7.:first-child和:first-of-type的作用和區(qū)別
:first-child:選擇父元素的第一個(gè)子元素
:first-of-type:選擇父元素下相同類型子元素中的第一個(gè)子元素事格，如：.wrap>p:first-of-type{ } 匹配的是class名為wrap的元素的第一代p元素中的第一個(gè)p元素余佛。
8.運(yùn)行如下代碼恨憎，解析下輸出樣式的原因。
-
.item1:first-child{ color: red;}：設(shè)置了class名為item1的所有元素中的第一個(gè)元素的樣式郊楣，也就是<p class="item1">aa</p>,所以在瀏覽器中可以看到憔恳，aa文本變成了紅色。 -
.item1:first-of-type{ background: blue;}：設(shè)置了class名為item1的相同類型的元素的第一個(gè)元素的樣式净蚤，也就是class名為item1的第一個(gè)p和第一個(gè)h3,所以aa和bb的背景變成了藍(lán)色钥组。
9.text-align: center的作用是什么，作用在什么元素上今瀑？能讓什么元素水平居中程梦？
作用在塊級(jí)元素上点把，使塊級(jí)元素中的inline和inline-block元素水平居中。
