css选择器有哪些

CSS选择器用于选择HTML或XML文档中的元素，以便应用样式。以下是一些常用的CSS选择器：

1. 标签选择器

使用元素的标签名作为选择器。

```cssp, h1 { color: blue；}```

2. ID选择器

使用`#`加上元素的ID作为选择器。

```css#top { color: red；}```

3. 类选择器

使用`.`加上类名作为选择器。

```css.box { font-size: 16px；}```

4. 属性选择器

选择具有特定属性值的元素。

```cssimg[src=\"demo.png\"] { border: 2px solid black；}```

5. 伪类选择器

选择元素的特殊状态或位置。

```cssa:hover { color: green；}```

6. 伪元素选择器

选择元素的特定部分，如内容前后的部分。

```cssp::first-letter { font-weight: bold；}```

7. 通用选择器

选择文档中的所有元素。

```css* { margin: 0； padding: 0；}```

8. 后代选择器

选择某个元素之后的所有后代元素。

```cssdiv h1 { color: purple；}```

9. 子选择器

选择某个元素的所有直接子元素。

```cssdiv > p { font-style: italic；}```

10. 相邻兄弟选择器

选择紧接在某个元素后的下一个兄弟元素。

```cssul + h1 { color: orange；}```

11. 通用兄弟选择器

选择与某个元素具有相同父元素的所有兄弟元素。

```cssul ~ h1 { color: brown；}```

12. 否定伪类选择器

选择不满足某个条件的元素。

```cssp:not（.special） { font-weight: normal；}```

这些选择器可以单独使用，也可以组合使用，以实现更精确的元素选择

其他小伙伴的相似问题：

css选择器的优先级顺序是怎样的？

如何组合使用css选择器？

css3基础选择器有哪些？