CSS 中的選擇器是定義樣式的重要組成部分,它們可以為 HTML 元素添加樣式并使網頁變得更加美觀。 在 CSS 中,選擇器用來選擇一個或多個 HTML 元素,然后定義相應的樣式。常見的選擇器包括標簽選擇器、類選擇器、ID 選擇器、屬性選擇器、偽類選擇器等等。 下面是一些CSS選擇器的例子:
/* 標簽選擇器 */ p { color: red; } /* 類選擇器 */ .intro { font-size: 16px; } /* ID 選擇器 */ #header { background-color: gray; } /* 屬性選擇器 */ a[target="_blank"] { color: blue; } /* 偽類選擇器 */ a:hover { color: yellow; }標簽選擇器是指使用 HTML 標簽作為選擇器。上面的代碼中,使用了 p 標簽選擇器,給所有的段落文字設置紅色。 類選擇器是指使用 class 屬性作為選擇器,一個元素可以有多個 class,可以通過空格來分隔。上面的代碼中,使用了 .intro 類選擇器,給 class 為 intro 的元素設置字體大小。 ID 選擇器是指使用 id 屬性作為選擇器,每個元素只有唯一的 id。上面的代碼中,使用了 #header ID 選擇器,給 id 為 header 的元素設置背景顏色為灰色。 屬性選擇器是指使用元素的屬性作為選擇器,可以根據屬性值來選擇元素。上面的代碼中,使用了 a[target="_blank"] 屬性選擇器,給 href 屬性值為 _blank 的鏈接設置藍色字體。 偽類選擇器是指使用冒號(:)加上一個關鍵字(如 hover)作為選擇器,用來表示元素的特殊狀態。上面的代碼中,使用了 a:hover 偽類選擇器,給鼠標懸停在鏈接上的元素設置黃色字體。 通過組合不同的選擇器,我們可以精確地選擇元素并定義它們的樣式。在實際開發中,靈活使用選擇器可以使 CSS 編寫更加清晰簡潔,提高開發效率。