主要有三種：html選擇器、class選擇器、id選擇器
1.html選擇器
1 2 3
type="text/css">
4 p 8
style> 9
head> 10
11 12
<
p>這裡應用樣式表
p> 13
body> 14
html>
也就是說選擇器是html標籤
2.class選擇器
1 2<
head
> 3
type="text/css">
4 .pclass 8
style> 9
head> 10
11 12
<
p class
="pclass">這裡使用了.pclass 樣式
p> 13
body> 14
html>
3.id選擇器
1 2 3
type="text/css"media="screen,projection">
4 #pid 8
style> 9
head> 10
11 12
<
p id
="pid">這裡使用了#pid 樣式
p> 13
body> 14
html>
4.關聯選擇器（也稱包含選擇器）
1 2<
head
> 3
type="text/css"media="screen,projection">
4 p h2 8
style> 9
head> 10
11 12
<
p><
h2>這裡使用了"p h2"樣式
h2>
p> 13
body> 14
html>
這裡，"p h2"之間用空格分開，可以有更多標籤，表示p段落中h2標題的樣式
5.組合選擇器
1 2<
head
> 3
type="text/css"media="screen,projection">
4 p,h2 8
style> 9
head> 10
11 12
<
p>這裡也使用了"p,h2"樣式<
h2>這裡使用了"p,h2"樣式
h2>
p> 13
body> 14
html>
6.相鄰選擇器
1doctype html public "-//w3c//dtd html 4.01 transitional//en"> 2
3 4
<
title
>aa.html
title
> 5
type="text/css">
6 div+p 11
style
> 12
head> 13
14<
div>星期三
div> 15
<
p>這裡應用div+p樣式
p> 16
<
p>這裡不再應用樣式
p> 17
body> 18
html>
在本例中，只在緊挨著 div 後的 p 標籤中使用所定義的樣式。 、
7.子選擇器
1doctype html public "-//w3c//dtd html 4.01 transitional//en"> 2
3 4
<
title
>aa.html
title
> 5
type="text/css">
6 .test > strong 10
style
> 11
head> 12
13class="test">
14提示strong> 15
<
p>今天是<
strong
>兒童節
strong
>哦~~
p> 16
<
strong
>系統提示
strong
> 17
div> 18
body> 19
html>
本例中，除 p 物件中的 strong 元素外，其他均為紅色。
8.偽標籤選擇器
指對同乙個html標籤的各種狀態進行規則定義，基本格式如下：
html標籤 : 偽標籤
目前較常用的偽標籤有： a:active a:hover a:link a:visited p:first-line p:first-letter。如下：
1doctype html public "-//w3c//dtd html 4.01 transitional//en"> 2
3 4
<
title
>aa.html
title
> 5
6type="text/css">
7 a:link 11
a:visited 15
a:hover 19
a:active 23
style
> 24
head> 25
26<
a href
="#">測試一下
a> 27
body> 28
html>
css樣式 選擇器規則
css 頁面樣式，美化頁面 css樣式的三個規則 1內聯式 直接寫在html標籤中直接對html標籤使用 style屬性 語法 style 樣式 值 樣式 值 優點 操控精準 缺點 不靈活，2嵌入式 在標籤內給標籤css樣式 在head標籤內 優點 精簡 缺點 控制不靈活 紅色是固定的寫法 link...
CSS樣式選擇器
1.css 選擇器 1 標記選擇器 選擇器 用來指定確定標記的樣式 如 類別選擇器 class 類別名稱 如 對應的 class 選擇器 id選擇器 id id選擇器 如 對應的 id選擇器1id 選擇器2 2.集體宣告 對應的 集體宣告 h4集體宣告 h5集體宣告 p1集體宣告 p2集體宣告 p3...
CSS樣式選擇器
樣式選擇器 每一條css樣式宣告 定義 由兩部分組成，形式如下 選擇器類選擇器 以英文圓點開頭，不可以使用數字或中文起名 使用方法 1.使用class 類選擇器名 為標籤設定乙個類，如下 膽小如鼠 2.設定類選擇器css樣式，如下 stress id選擇器 id選擇器類似於類選擇器 1.為標籤設定i...