CSS 類、ID 和偽類詳解

CSS（Cascading Style Sheets）是一種將樣式添加到HTML文檔中的語言，它可以實現網頁的美化效果。類、ID和偽類是CSS中的三種選擇器，它們可以精確地控制網頁中元素的樣式。

類（Class）

類選擇器通過給元素添加class屬性來定義，它使用"."符號表示。例如：

.red {
color: red;
}

上面的代碼表示添加了一個名為“red”的類，它可以讓所有使用了該類的元素顏色變成紅色。

ID

ID選擇器通過給元素添加id屬性來定義，它使用"#"符號表示。例如：

#header {
background-color: yellow;
}

上面的代碼表示添加了一個名為“header”的id，它可以讓該元素的背景顏色變成黃色。值得注意的是，一個HTML文檔中只能存在一個相同ID的元素。

偽類（Pseudo-Class）

偽類選擇器用于對特定狀態的元素進行樣式設置，它使用冒號":"符號表示。例如：

a:hover {
color: blue;
}

上面的代碼表示設置了一個鏈接在鼠標懸停時應該變成藍色。

結語

CSS 類、ID 和偽類是CSS中最常用的三種選擇器，它們可以用于控制網頁元素的各個方面，從而實現更好的美化效果。