第三章：CSS中的樣式選擇器

1.通用選擇器

通用選擇器是一個星號，它類似於通配符，匹配文檔中所有的標籤：

*{
       font-size:1cm;
       color:red;
  }

2.HTML選擇器

HTML選擇器是一個HTML標籤，用來改變指定標籤的樣式，任何HTML元素都可以是一個CSS的選擇器：

h1{color:red}

p{text-indent:3em}

3.ID選擇器

ID選擇器匹配文檔中元素E的id屬性的屬性值爲idname的元素，ID選擇器名稱的定義方式是“#”號後加ID名稱idname，文檔內id屬性的值應該是唯一的，所以ID選擇器將僅應用於一個元素的內容：

#main{text-indent:3cm;}
<p id="main">文本縮進3em</p>

4.類選擇器

類選擇器匹配文檔中元素E的class屬性的屬性值爲classname的元素：

<p class="backgroundnote">這是一個段落</p>

可以有兩種方式使用類選擇器：

第一種：這種方式匹配文檔中所有class屬性值爲backgroundnote的元素

.backgroundnote{ }

第二種：只匹配文檔中class屬性值爲backgroundnote的p標籤

p.backgroundnote{ } 

5.後繼選擇器（關聯選擇器）

關聯選擇器也成爲包含選擇器，假設元素1裏包含元素2，這種方式只對元素1裏的元素2定義，對單獨的元素1或元素2無定義：

table a{font-size:12px}

6.組合選擇器

各種選擇器用逗號隔開，就構成了組合選擇器：

h1,p,#one,.ctwo,div{font-size:3cm;color:red;}

7.僞元素選擇器

僞元素選擇器是指對同一個HTML元素不同狀態的一種定義方式，在CSS2中只有a元素和p元素有這種定義方式：

a元素：

a:link{color:#FF0000;text-decoration:none}    /*未訪問的連接*/
a:visited{color:#00FF00;text-decoration:none}    /*已訪問的連接*/
a:hover{color:#FF00FF;text-decoration:underline}    /*鼠標在連接上*/
a:active{color:#0000FF;text-decoration:underline}    /*激活連接*/

注意：a:hover必須被置於a:link和a:visited之後纔是有效的；a:active必須被置於a:hover之後纔是有效的。

p元素：

p:first-letter{font-size:4cm;}

p:first-line{font-size:2cm;}