1、css復合選擇器的總結歸納，用什么表示子代選擇器？

CSS3中的關系選擇器主要包括子代選擇器和兄弟選擇器，其中子代選擇器由符號連接，兄弟選擇器由符號“+”和“~”連接，具體如下所示。

（1）關系選擇器

例如： h1>strong

說明：表示選擇嵌套在h1標記的子標記strong。

（2）臨近兄弟選擇器

例如： h2+p

說明：表示選擇h2標記后緊鄰的第一個兄弟標記p。

（3）普通兄弟選擇器

例如：p~h2

說明：表示選擇p標記所有的h2兄弟標記

2、css規則定義有哪些選擇符？

css選擇符（選擇器）有以下這些：

1、通配選擇符（ * ）：匹配任意元素。

2、id選擇符（ # myid）：匹配 ID 等于“myid”的任意元素 。

3、類選擇符（.myclassname）：匹配 class 等于“myclassname”的任意元素.

4、標簽選擇符（div, h1, p）：選擇指定元素名稱的所有元素。

5、相鄰選擇符（E + F）：用于選擇（不是內部）指定的第一個元素之后緊跟的元素。

6、子選擇符（E > F）：用于選取帶有特定父元素的元素，例ul > li，選擇所有父級是 <ul> 元素的每個 <li> 元素。（學習視頻分享：css視頻教程）

7、后代選擇符（E F）：用于選取元素內部的元素。

8、偽類和偽元素選擇符：用于向某些選擇器添加特殊的效果。

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

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;/*給物理 力學 聲學 電磁學 和數學 微積分 概率論博弈論都加一個紅色方框*/}這說明子代是他是單傳只給物理和數學就斷子絕孫，后代是一代傳一代。

子代選擇器時效果圖：

后代選擇器時效果圖：

4、input標簽中type怎么用css選擇？

可以用css3中新增的選擇器“[attribute=value]”來同時選中指定的屬性的標簽。

1、新建html文檔，添加5個input標簽，其中第一個和最后一個“type”屬性的屬性值為“text”：

2、在head標簽和body標簽之間添加style標簽，添加代碼“input[type=text]”，“input”指的是標簽名，“type”指的是屬性名，“text”指的是屬性值，這個就會把所有屬性名為“type”、屬性值為“text”的input標簽選中：

3、為被選擇的標簽設置背景色為紅色，這時屬性值為“text”的第一個標簽和最后一個標簽背景色都變成了紅色：