CSS選擇器是用來定位HTML元素并為其應用樣式的工具。在CSS中,有許多不同類型的選擇器,以下是一些定義:
1. 元素選擇器 使用HTML元素名稱作為選擇器來選定需要定義樣式的所有元素。例如,h1、p等。 示例: p { color: red; } 2. ID選擇器 通過使用HTML元素的id屬性,可以選定需要定義樣式的特定元素。id在文檔中必須是唯一的。 示例: #my-id { background-color: blue; } 3. 類選擇器 使用HTML元素的class屬性,可以用類選擇器選定需要定義樣式的一個或多個元素(具有相同類名的元素)。 示例: .my-class { font-size: 20px; } 4. 屬性選擇器 使用元素的屬性選擇器,可以根據元素的屬性或屬性值來選定需要定義樣式的元素。 示例: [] { color: green; } 5. 偽類選擇器 偽類選擇器為元素的特定狀態定義樣式,例如:hover(當鼠標懸停在元素上時)等。 示例: a:hover { color: orange; } 6. 子選擇器 選定指定元素的直接子元素。 示例: ul >li { color: purple; } 7. 后代選擇器 選定指定元素的后代元素。 示例: div p { text-align: center; }
上述類型的選擇器可以單獨使用,也可以聯合使用,因此可以根據需要任意組合以達到特定的效果。