1.CSS選擇器常見的有幾種家浇？選擇器的優(yōu)先級怎樣背犯？
<a href="http://www.reibang.com/p/55a550d90da6">詳情請點擊Peter的web前端技術(shù)博客</a>
</br>
2.class和Id的使用場景玻墅？
id作為匹配元素的唯一標(biāo)識装诡，經(jīng)常被用來進(jìn)行頁面的布局和設(shè)計包含塊;
class作為匹配一類元素的標(biāo)識吞歼，經(jīng)常來進(jìn)行頁面的區(qū)塊設(shè)計堤瘤，具體演示效果如下;
例如：
3.使用CSS選擇器時為什么要劃定適當(dāng)?shù)拿臻g？
<a href="http://www.reibang.com/p/70064a837e00">CSS命名規(guī)則</a>（引用犯迷糊的小羊）</br>
4.以下選擇器分別是什么意思?
<li>＃header匹配所有id="header"的元素
<li>.header匹配所有class="header"的元素
<li>匹配所有父元素的class="header"浆熔，后代元素的class="logo"的元素
<li>匹配同時具備class="header"和class="mobile"的所有元素
<li>匹配同時所有父元素的class="header",后代元素為P的元素本辐，或是所有class="header"的后代元素為h3的元素
<li>匹配其父元素是header id選擇器,子元素是nav類選擇器的元素下的li標(biāo)簽
<li>匹配所有id="header",后代元素為a標(biāo)簽的鼠標(biāo)懸浮動作
</br>
5.列出你知道的偽類選擇器
| 選擇器 | 含義 | 例子 |
|---|---|---|
| E:first-child | 匹配父元素E下的第一個子元素 | div:first-child{text-align:center;} |
| E:link | 匹配所有未被點擊的鏈接 | a:hover{color:red;} |
| E:visited | 匹配所有已被點擊的鏈接 | a:visit{color:blue;} |
| E:active | 匹配鼠標(biāo)已經(jīng)按下、還沒有釋放的E元素 | a:active{color:pink;} |
| E:hover | 匹配鼠標(biāo)懸停其上的E元素 | a:hover{color:green;} |
| E:focus | 匹配獲得當(dāng)前焦點的E元素 | a:focus{color:black;} |
| E:lang(c) | 匹配lang屬性等于c的E元素 | ' |
</br>
6.:first-child和:first-of-type的作用和區(qū)別?
:first-child匹配的是父元素下的第一個子元素医增，具體演示效果如下：
而:first-of-type匹配的是父元素下相同類型子元素的第一個元素,具體演示效果如下：
由此可以得知慎皱，first-child和first-of-type的區(qū)別？
1.first-child匹配父元素的第一個子元素叶骨，而不是同類子元素下的第一個茫多；
2.first-of-type匹配父元素下同類子元素的第一個。
</br>
7.運行如下代碼忽刽，解析下輸出樣式的原因天揖。
首先
item1:first-child匹配的父元素下的第一個子元素，具體到代碼就是
ct父元素下的第一個子元素跪帝，即第一個item1,內(nèi)容為aa今膊，因此aa有了紅色
item1:first-of-type匹配父元素下的同類子元素的第一個，具體到該代碼就是
class="ct"的父元素下的同類子元素的第一個伞剑，分別為p(內(nèi)容為aa)和第二個h3（內(nèi)容為bb）有樣式,因此它們就有藍(lán)色的background-color斑唬。
</br>
8.text-align: center的作用是什么，作用在什么元素上黎泣？能讓什么元素水平居中
<li>text-align:center的作用是讓inline元素水平居中
<li>inline元素以及block內(nèi)置的inline元素
<li>一般的行內(nèi)元素<span>恕刘、<img>、<a>等
</br>
9.如果遇到一個屬性想知道兼容性抒倚，在哪查看?
<a >caniuse</a>
參考資料：
<a >first-child和first-of-type深入理解</a>
<a href="http://www.reibang.com/p/8dfd839cc2e4">饑人谷犯迷糊的小羊</a>
感謝看眾：
本教程版權(quán)歸饑人谷peter和饑人谷所有褐着，轉(zhuǎn)載須說明來源
