在CSS中，前5個(gè)元素是指 CSS 中最常用的前五種選擇器，這些選擇器被廣泛應(yīng)用于網(wǎng)頁設(shè)計(jì)中。下面我們來一一了解它們。

1. 元素選擇器（element selector）

元素選擇器是 CSS 中最常見的選擇器，它使用 HTML 元素名稱作為選擇器。例如，要設(shè)置所有段落的顏色為紅色，可以使用以下 CSS 代碼：

p { color: red; }

這里的 "p" 就是元素選擇器。

2. ID 選擇器（ID selector）

ID 選擇器是根據(jù)元素的 ID 屬性來選擇元素的。例如，如果要設(shè)置 ID 為 "header" 的元素的背景顏色為藍(lán)色，可以使用以下代碼：

#header { background-color: blue; }

這里的 "#" 就是 ID 選擇器。

3. 類選擇器（class selector）

類選擇器是根據(jù) HTML 元素的 class 屬性來選擇元素的。例如，如果要設(shè)置 class 為 "container" 的元素的寬度為 80%，可以使用以下代碼：

.container { width: 80%; }

這里的 "." 就是類選擇器。

4. 后代選擇器（descendant selector）

后代選擇器可以用來選擇嵌套在其他元素內(nèi)部的元素。例如，如果要設(shè)置所有段落內(nèi)部的 span 元素的顏色為綠色，可以使用以下代碼：

p span { color: green; }

這里的 "p span" 就是后代選擇器。

5. 偽類選擇器（pseudo class selector）

偽類選擇器可以用來選擇某個(gè)元素的特定狀態(tài)或位置。例如，如果要設(shè)置超鏈接在鼠標(biāo)懸停時(shí)的顏色為紅色，可以使用以下代碼：

a:hover { color: red; }

這里的 ":hover" 就是偽類選擇器。

以上就是 CSS 中前五個(gè)常用的選擇器，通過靈活組合，可以實(shí)現(xiàn)各種炫酷的網(wǎng)頁效果。