一、偽類：
| 屬性 | 描述 |
| :active | 向被啟用的元素新增樣式。 |
| :focus | 向擁有鍵盤輸入焦點的元素新增樣式。 |
| :hover | 當滑鼠懸浮在元素上方時，向元素新增樣式。 |
| :link | 向未被訪問的連結新增樣式。 |
| :visited | 向已被訪問的連結新增樣式。 |
| :first-child | 向元素的第一個子元素新增樣式。 |
| :lang | 向帶有指定 lang 屬性的元素新增樣式。 |
例如：
在支援 CSS 的瀏覽器中，連結的不同狀態都可以不同的方式顯示，這些狀態包括：活動狀態，已被訪問狀態，未被訪問狀態，和滑鼠懸停狀態。
a:link {color: #FF0000} /* 未訪問的連結 */
a:visited {color: #00FF00} /* 已訪問的連結 */
a:hover {color: #FF00FF} /* 滑鼠移動到連結上 */
a:active {color: #0000FF} /* 選定的連結 */
提示：在 CSS 定義中，a:hover 必須被置於 a:link 和 a:visited 之後，才是有效的。
提示：在 CSS 定義中，a:active 必須被置於 a:hover 之後，才是有效的。
提示：偽類名稱對大小寫不敏感。
二、偽元素：
| 屬性 | 描述 |
| :first-letter | 向文字的第一個字母新增特殊樣式。 |
| :first-line | 向文字的首行新增特殊樣式。 |
| :before | 在元素之前新增內容。 |
| :after | 在元素之後新增內容。 |
例如：使用”first-line” 偽元素中的樣式對 p 元素的第一行文字進行格式化：
p:first-line
{
color:#ff0000;
font-variant:small-caps;
}