30、 （1分）关于CSS选择器的使用，以下说法错误的是？ A、使用相邻兄弟选择器h1+ p(margin-top:50px;)，既可以修改前邻兄弟节点的样式，也可以修改后邻兄弟节点的 样式 B、使用：nth-child(0n+1)/:first-child/:nth-child(1)三个选择器的效果是一样的，都是选中第一个子元素C、a：hover 必须被置于a:link 和 a:visited 之后才能生效 D、a：active 必须被置于a：hover之后才能生效

选项 A、使用相邻兄弟选择器 h1+ p(margin-top:50px;)，既可以修改前邻兄弟节点的样式，也可以修改后邻兄弟节点的样式，是错误的说法。

解析：

在 CSS 中，相邻兄弟选择器（Adjacent Sibling Selector）可以选择紧接在另一个元素后的元素，且二者有相同父元素。它的语法是 `E + F`，其中 E 和 F 是两个元素选择器。

例如，可以使用下面的代码来选择紧接在 h1 元素后的 p 元素，并修改它的样式：

h1 + p {
  margin-top: 50px;
}

这个选择器会选择所有紧接在 h1 元素后的 p 元素，并将它们的上边距设置为 50px。

因此，选项 A 是错误的说法。

选项 B 是正确的，这三个选择器的作用都是选择第一个子元素。

选项 C 和选项 D 是正确的，a:hover 和 a:active 的优先级都比 a:link 和 a:visited 高，必须放在后面才能生效。

因此，本题答案是选项 A。

相关问题

.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;
}