類型選擇器
類型選擇器，是以html元素類型作為選擇條件。
網頁元素：在CSS教程中，對于如“<p></p>”、“<h3></h3>”這些不再稱呼為標簽，而統一稱呼為網頁元素。
在網頁元素中，都可以按類型進行區分，其類型可以作為CSS的選擇符，如“<a></a>”、“<ul></ul>”、“<div></div>”等，對應的選擇器分別為“a”、“ul”、“div”。
例子：

CSS Code復制內容到剪貼板

a{   
    text-decoration: none;   
}  

該例子表示網頁上所有的超鏈接取消下劃線。

ID選擇器
CSS ID選擇器允許選擇網頁元素的ID進行樣式表應用。
ID選擇器以“#”標識，后面緊跟html元素id名稱。
html代碼如下：

XML/HTML Code復制內容到剪貼板

<div id="nav"><!–nav start–>  
  <h2><a href="index.html">首頁</a></h2>  
  <h2><a href="blog.html">博客</a></h2>  
  <h2><a href="guestbook.html">留言板</a></h2>  
</div><!–nav end–>  

在該html代碼如中，有一個id="nav"的DIV網頁元素。使用ID選擇器對該元素進行樣式表應用：

CSS Code復制內容到剪貼板

#nav {   
    font-size: 14px;   
    width: 500px;   
}  

該CSS樣式表示id為nav的網頁元素，其寬度為500px，其內文字大小為14px。

類(class)選擇器
CSS 類選擇器允許選擇網頁元素的類進行樣式表應用。
類選擇器以 . 符號標識，后面緊跟類名稱。
一個類選擇器例子：

CSS Code復制內容到剪貼板

.catlist {   
    color: #d51300;   
}  

該 CSS 樣式表示網頁中 class="catlist" 的網頁元素，其文字顏色為 #d51300 。
在 html 中應用類選擇器
要在 html 代碼中應用一個類(class)樣式，只需在標簽內使用 class 屬性，取值為類名。
html 代碼例子：

XML/HTML Code復制內容到剪貼板

<h3>文章分類</h3>  
<ul class="catlist">  
  <li>情感世界</li>  
  <li>技術文章</li>  
  <li>網絡文摘</li>  
  <li>其他</li>