常用的CSS選擇器有以下幾種:
1. 元素選擇器(Element Selector):通過元素名稱來選擇元素,例如 `div`、`p`、`a`等。
2. 類選擇器(Class Selector):通過類名選擇元素,以`.`開頭,例如 `.classname`。
3. ID選擇器(ID Selector):通過元素的ID來選擇元素,以`#`開頭,例如 `#idname`。
4. 后代選擇器(Descendant Selector):通過元素的后代關系來選擇元素,例如 `div p`選擇所有在div元素內的p元素。
5. 子元素選擇器(Child Selector):通過元素的直接子元素關系來選擇元素,以`>`符號分隔,例如 `div > p`選擇div元素的直接子元素p。
6. 相鄰兄弟選擇器(Adjacent Sibling Selector):選擇與指定元素相鄰的下一個兄弟元素,使用`+`符號,例如 `h1 + p`選擇緊接著h1元素后的p元素。
7. 通用兄弟選擇器(General Sibling Selector):選擇與指定元素相鄰的所有兄弟元素,使用`~`符號,例如 `h1 ~ p`選擇所有緊接著h1元素后的p元素。
8. 屬性選擇器(Attribute Selector):通過元素的屬性來選擇元素,例如 `[type="text"]`選擇所有type屬性值為text的元素。
9. 偽類選擇器(Pseudo-class Selector):通過元素的狀態或位置來選擇元素,例如 `:hover`選擇鼠標懸停的元素。
10. 偽元素選擇器(Pseudo-element Selector):通過元素的特定部分來選擇元素,例如 `::before`選擇元素的內容前面插入一個偽元素。
這些是常用的CSS選擇器,可以根據實際需求選擇合適的選擇器來選擇和樣式化元素。