對于開發者來說,選擇器是 CSS 的重要組成部分。它們允許開發者從 HTML 中選擇元素,并將其樣式化。在這篇文章中,我們將介紹 CSS 中的三個常見選擇器,即 ID 選擇器、類選擇器和元素選擇器。
#header { background-color: #333; color: #fff; height: 50px; text-align: center; } .article { font-size: 16px; line-height: 1.5; margin-bottom: 20px; } p { font-size: 14px; line-height: 1.5; margin-bottom: 10px; }
ID 選擇器是根據 HTML 元素的 ID 屬性選擇元素的樣式。ID 必須是唯一的,因此 ID 選擇器只應用于一個元素。
類選擇器是基于 HTML 元素的 class 屬性來選擇元素的樣式。同一類可以應用于多個元素,但可以在一個元素上應用多個類。
元素選擇器是選擇 HTML 元素的樣式。這種方法非常基礎,可以應用于任何 HTML 元素。它不需要元素有 ID 或類屬性。