css選擇器有哪些(常用的css選擇器有哪些)

常用的CSS選擇器有以下幾種:

1. 元素選擇器(Element Selector):通過元素名稱來選擇元素,例如 `p`、`p`、`a`等。

2. 類選擇器(Class Selector):通過類名選擇元素,以`.`開頭,例如 `.classname`。

3. ID選擇器(ID Selector):通過元素的ID來選擇元素,以`#`開頭,例如 `#idname`。

4. 后代選擇器(Descendant Selector):通過元素的后代關系來選擇元素,例如 `p p`選擇所有在p元素內的p元素。

5. 子元素選擇器(Child Selector):通過元素的直接子元素關系來選擇元素,以`>`符號分隔,例如 `p > p`選擇p元素的直接子元素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選擇器,可以根據實際需求選擇合適的選擇器來選擇和樣式化元素。