css選擇器的類型分為3類:標記選擇器、類別選擇器和ID選擇器。

（可能名稱有不同的說法，但意思都是一樣的） 標記選擇器是利用HTML的標記直接定義標記內容的樣式，如：h1{ color:red; font-size:25pt;} 類別選擇器是通常說的class選擇器，定義的時候要在名稱前加.如：.one{ color:red; font-size:25pt;} ID選擇器定義的時候要在前面加#，如：#box { color:red; font-size:25pt;} 利用DW寫CSS的時候，高級就是上面說的ID選擇器，ID選擇器的名字可以任意命名，可以自己定義，可是標簽就只能是HTML語言里制定的那些標記，不能自己定義。

新建一個html文檔，在body中插入一個div，將id命名為main

在右側的css設計器中點擊源的加號，選擇在頁面中定義

點擊選擇器的加號，輸入#main選中

點擊屬性，在其中對css樣式進行編輯就行

選擇器body>div 只操作body下級的div。div1+div2 只選擇div1 同級 隨后 相鄰最近的div2div1~p 選擇div1下所有的p屬性選擇器[attr]{} 例：[class]{color:red;} [class="text"]{color:red;}[class|="nav"]{color:red;} 選擇所有class屬性，并且屬性值唯一為nav-開頭的元素[class~="nav"]{color:red;} 選擇所有class屬性，并且包含單個完整的nav屬性值的元素[class1][class="text"]{color:red;}選擇具有class1屬性，并且具有class屬性且屬性值唯一為text的元素

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