CSS選擇器可以分為以下四種類型:
元素選擇器(Element Selector):通過元素的標簽名選取元素。例如,p
選擇器將選取所有元素。
類選擇器(Class Selector):通過元素的class屬性選取元素。以.
開頭,后跟類名。例如,.myClass
選擇器將選取具有class="myClass"
的所有元素。
ID選擇器(ID Selector):通過元素的id屬性選取元素。以#
開頭,后跟id名。例如,#myId
選擇器將選取具有id="myId"
的唯一元素。
屬性選擇器(Attribute Selector):通過元素的屬性選取元素。使用方括號[]
來指定屬性名和屬性值。例如,[href]
選擇器將選取具有href
屬性的所有元素,[name="value"]
選擇器將選取具有指定屬性名和屬性值的元素。
這些選擇器類型可以單獨使用,也可以結合使用,以滿足不同的選擇需求。此外,還有偽類選擇器、偽元素選擇器等更多類型的選擇器,用于在特定條件下選擇元素,以及對元素的特定部分進行樣式設置。