1、css 單數選擇器，類選擇器語法？

1. 標簽名選擇器 div { color：Red;} 即頁面中的各個標簽名的css樣式 2.類選擇器 .divClass {color:Red;} 即定義的每個標簽的class 中的css樣式 3.ID選擇器 #myDiv {color:Red;} 即頁面中的標簽的id 4.后代選擇器（類選擇器的后代選擇器） .divClass span { color:Red;} 即多個選擇器以逗號的格式分隔 命名找到準確的標簽 5.群組選擇器 div,span,img {color:Red} 即具有相同樣式的標簽分組顯示

2、css調試工具？

css說是調試工具其實只是一段 Javascript 代碼，但非常實用，它會給頁面里所有的 DOM 元素添加一個 1px 的描邊（outline），方便我們在調試 CSS 過程中分析、排查問題。

先來看看代碼，它有兩個版本，一個是使用的$$選擇器，代碼量更少（瀏覽器控制臺支持 $$ 選擇器）；另一種就是傳統的document.querySelectorAll選擇器：

3、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、偽類和偽元素選擇符：用于向某些選擇器添加特殊的效果。

4、css的優先級怎么判斷？

CSS選擇器中比較常見的有標簽選擇器、ID選擇器、類選擇器以及子選擇器。而事實上，CSS選擇器如果細分下來，竟然多達40多種。那他們的優先級該怎么比較呢，下面就來看看吧。

● 不同級別

1. 在屬性后面使用 !important 會覆蓋頁面內任何位置定義的元素樣式。

2. 作為style屬性寫在元素內的樣式

3. id選擇器

4. 類選擇器

5. 元素選擇器

6. 通配符選擇器

7. 瀏覽器自定義或繼承

總結排序：!important > 行內樣式 > ID選擇器 > 類選擇器 > 元素 > 通配符 > 繼承 > 瀏覽器默認屬性

● 同一級別

(1) 同一級別中后寫的會覆蓋先寫的樣式

(2) 同一級別css引入方式不同，優先級不同

總結排序：內聯(行內)樣式 > 內部樣式表 > 外部樣式表 > 導入樣式(@import)。

對于選擇器優先級，還可以通過計算權重值來比較