在CSS中,選擇器是一種用于選擇要應用樣式的HTML元素的模式。對于初學者來說,選擇器可能是最具挑戰性的概念之一。本文將介紹CSS中一些最常用的選擇器。
1.元素選擇器 元素選擇器是選擇在頁面中出現的所有特定元素的簡單方法,如:p、a、h1等。例如,以下代碼將樣式應用于所有段落元素: p { font-size: 16px; color: red; } 2.ID選擇器 ID選擇器是一種選擇特定元素的方法,但是只能用于指定ID的元素。每個ID都必須是唯一的,因此此選擇器只會選擇一個特定的元素。例如,以下代碼將樣式應用于具有ID“logo”的元素: #logo { width: 100px; height: 100px; } 3.類選擇器 類選擇器選擇具有指定類的所有元素。它們以“.”開始,然后是類的名稱。例如,以下代碼將樣式應用于具有類“topbar”的所有元素: .topbar { background-color: #000; color: #FFF; } 4.后代選擇器 后代選擇器選擇一個元素的所有后代元素。例如以下代碼將樣式應用于所有p元素的后代a元素: p a { color: #FF0000; } 5.子元素選擇器 子元素選擇器只選擇嵌套在某個父元素中的直接子元素。例如,以下代碼將樣式應用于所有div元素的直接子元素p: div >p { font-size: 18px; }