1、css深入基礎篇復合選擇器2，css選擇器加是什么？

css選擇器加.是類選擇器，選擇與class屬性相匹配的類名

2、css3中偽類選擇器由什么組成？

w3c規范中偽類有：

active、hover、link、visited 【css1】

所有主流瀏覽器都支持以上偽類，但是只在對標簽上的支持最好。

【css2】的有3個

focus ： 如果規定了<!doctype>，將在主流瀏覽器&ie8+中支持(否則ie不支持)

first-child：必須聲明<!doctype>才能夠確保在ie中正常支持

lang：如果規定了<!doctype>，將在主流瀏覽器&ie8+中支持(否則ie不支持)

3、css幾種選擇器的使用？

1.類選擇器（class選擇器）

基本使用：

.類選擇器{

屬性名: 屬性值;

...}

2.id選擇器

基本使用：

#id選擇器{

屬性名: 屬性值;

...

}

3. html元素選擇器

某個html元素{

屬性名: 屬性值;

...

}

4.通配符選擇器

該選擇器可以用到所有的html元素，但是其優先權最低

*{

屬性名: 屬性值;

...

}

4、怎樣區分后代選擇器和子代選擇器？

1.第一從符號上來區分后代選擇器：是用空格來分隔開來 例如<h1>一個<span>人</span>的戰爭</h1> 就是h1 span{}子代選擇器：用特殊符號> 例如 h1>span{}

2.第二從用法上區分后代選擇器html部分：<ul class="study"> <li>物理 <ul> <li>力學</li> <li>聲學</li> <li>電磁學</li> </ul> </li> <li>數學 <ul> <li>微積分</li> <li>概率論</li> <li>博弈論</li> </ul> </li> </ul> css部分//使用子代選擇器的效果.study >li{ border:1px solid red;/*只給物理和數學加一個紅色方框*/}//使用后代選擇器的效果.study li{ border:1px solid red;/*給物理 力學 聲學 電磁學 和數學 微積分 概率論博弈論都加一個紅色方框*/}這說明子代是他是單傳只給物理和數學就斷子絕孫，后代是一代傳一代。

子代選擇器時效果圖：

后代選擇器時效果圖：