. css中有哪些选择器

CSS中有很多种选择器，包括：

1. 元素选择器（element selector）：根据元素的名称选择元素，如p、h1、a等。

2. 类选择器（class selector）：根据元素的class属性选择元素，如.class1、.class2等。

3. ID选择器（ID selector）：根据元素的id属性选择元素，如#id1、#id2等。

4. 属性选择器（attribute selector）：根据元素的属性选择元素，如[type='text']、[href='#']等。

5. 伪类选择器（pseudo-class selector）：根据元素的状态选择元素，如:hover、:active、:first-child等。

6. 伪元素选择器（pseudo-element selector）：选择元素的特定部分，如::before、::after等。

7. 后代选择器（descendant selector）：选择元素的后代元素，如ul li、div p等。

8. 子选择器（child selector）：选择元素的直接子元素，如ul > li、div > p等。

9. 相邻兄弟选择器（adjacent sibling selector）：选择元素的相邻兄弟元素，如h1 + p、ul ~ p等。

相关问题

.CSS主要选择器有哪些？如何使用？

CSS主要选择器包括：

1. 元素选择器（Element Selector）：通过元素的标签名来选择元素，例如 `p` 、 `h1` 、 `div` 等。

2. 类选择器（Class Selector）：通过元素的 class 属性来选择元素，例如 `.example` 。

3. ID选择器（ID Selector）：通过元素的 id 属性来选择元素，例如 `#example` 。

4. 属性选择器（Attribute Selector）：通过元素的属性值来选择元素，例如 `[type="text"]` 。

5. 伪类选择器（Pseudo-class Selector）：通过元素的状态来选择元素，例如 `:hover` 、 `:active` 、 `:visited` 等。

6. 后代选择器（Descendant Selector）：通过元素的后代关系来选择元素，例如 `div p` 。

7. 子元素选择器（Child Selector）：通过元素的子元素关系来选择元素，例如 `div > p` 。

8. 相邻兄弟选择器（Adjacent Sibling Selector）：通过元素的相邻兄弟关系来选择元素，例如 `h1 + p` 。

9. 通用选择器（Universal Selector）：通过任何元素来选择元素，例如 `*` 。

使用方式：在 CSS 中，选择器与样式规则组成了一个完整的样式声明。例如：

p {
  color: red;
}

.example {
  background-color: yellow;
}

#example {
  font-size: 16px;
}

其中， `p` 、 `.example` 、 `#example` 就是不同的选择器，后面的花括号中则是对应的样式规则。

2. CSS选择器有哪些？其语法结构？

CSS选择器主要有以下几种：

1. 元素选择器：通过元素名称来选择元素，如p、div、span等。

2. ID选择器：通过元素的id属性来选择元素，使用“#”符号+id名称的方式，如#header。

3. 类选择器：通过元素的class属性来选择元素，使用“.”符号+class名称的方式，如.header。

4. 属性选择器：通过元素的属性来选择元素，使用“[]”符号+属性名称的方式，如[type="text"]。

5. 后代选择器：通过元素的后代关系来选择元素，使用空格符号+后代元素名称的方式，如div p。

6. 子元素选择器：通过元素的直接子元素来选择元素，使用“>”符号+子元素名称的方式，如ul>li。

7. 相邻兄弟选择器：通过元素的相邻兄弟元素来选择元素，使用“+”符号+相邻兄弟元素名称的方式，如h1+p。

8. 通用选择器：通过选择所有元素来选择元素，使用“*”符号表示，如*。

CSS选择器的语法结构为：选择器 { 声明块 }，其中选择器用于选择需要样式化的元素，声明块用于设置元素的样式，包括属性和值。例如，以下代码设置了所有p元素的字体颜色为红色：

p {
  color: red;
}