css選擇器的類型分為3類:標(biāo)記選擇器、類別選擇器和ID選擇器。

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

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

在右側(cè)的css設(shè)計(jì)器中點(diǎn)擊源的加號(hào)，選擇在頁面中定義

點(diǎn)擊選擇器的加號(hào)，輸入#main選中

點(diǎn)擊屬性，在其中對(duì)css樣式進(jìn)行編輯就行

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

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

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

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

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

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

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

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

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

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