一. 单选题(共13题,100分)

1. (单选题)在下列选择器中,用于选择父级标签的子标签的是()

  • A. 子代选择器

  • B. 兄弟选择器

  • C. 属性选择器

  • D. 伪类选择器

正确答案: A:子代选择器;

答案解析:子代选择器主要用来选择某个元素的第一级子元素。

2. (单选题)下列选项中,普通兄弟选择器的连接符是()

  • A. -

  • B. +

  • C. >

  • D. ~

正确答案: D:~;

答案解析:普通兄弟选择器使用 “~”来链接前后两个选择器。

3. (单选题)下列选项中,临近兄弟选择器的连接符是()

  • A. -

  • B. +

  • C. >

  • D. ~

正确答案: B:+;

答案解析:临近兄弟选择器使用加号“+”来链接前后两个选择器。

4. (单选题)下列选项中,用于匹配文档根标签的选择器是()

  • A. :not

  • B. :only-child

  • C. :first-child

  • D. :root

正确答案: D::root;

答案解析::root选择器用于匹配文档根元素,在HTML中,根元素始终是html元素。

5. (单选题)下列选项中,关于:not选择器的描述正确的是()

  • A. 用于匹配文档根标签

  • B. 使用:root选择器定义的样式,对所有页面标签都生效

  • C. 可以排除设置的标签或属性

  • D. 用于选取父标签中的唯一子标签

正确答案: C:可以排除设置的标签或属性;

6. (单选题)如果某个父元素仅有一个子元素,那么可以选择子元素的选择器是()

  • A. :not

  • B. :only-child

  • C. :first-child

  • D. :root

正确答案: B::only-child;

答案解析::only-child 选择器用于匹配属于某父元素的唯一子元素的元素,也就是说,如果某个父元素仅有一个子元素,则使用“:only-child 选择器”可以选择这个子元素。

7. (单选题)下列选项中,用于选择没有子标签的选择器是()

  • A. :not

  • B. :empty

  • C. :first-child

  • D. :root

正确答案: B::empty;

答案解析::empty选择器用来选择没有子标签或内容为空的所有标签。

8. (单选题)下列选项中,能够使:target选择器设置的样式有效的行为是()

  • A.用户打开页面

  • B. 用户在页面空白处右击

  • C. 用户单击页面中的超链接并跳转到target元素

  • D. 用户单击页面中的超链接并跳转到任意元素

正确答案: C:用户单击页面中的超链接并跳转到target元素;

答案解析:只有用户单击了页面中的超链接,并且跳转到target元素后,:target选择器所设置的样式才会起作用。

9. (单选题)下列选项中,设置鼠标指针单击不动时超链接样式的状态化伪类选择器是()

  • A. a:link{ CSS样式; }

  • B. a:visited{ CSS样式; }

  • C. a:hover{ CSS样式; }

  • D. a: active{ CSS样式; }

正确答案: D:a: active{ CSS样式; };

答案解析:a:link{ CSS样式; } :未访问时超链接的状态。 a:visited{ CSS样式; }:访问后超链接的状态。 a:hover{ CSS样式; }:鼠标经过、悬停时超链接的状态。 a: active{ CSS样式; }:鼠标点击不动时超链接的状态。

10. (单选题)下列选项中,设置鼠标指针悬停时超链接样式的状态化伪类选择器是()

  • A. a:link{ CSS样式; }

  • B. a:visited{ CSS样式; }

  • C. a:hover{ CSS样式; }

  • D. a: active{ CSS样式; }

正确答案: C:a:hover{ CSS样式; };

11. (单选题)下列选项中,设置超链接默认样式的状态化伪类选择器是()

  • A. a:link{ CSS样式; }

  • B. a:visited{ CSS样式; }

  • C. a:hover{ CSS样式; }

  • D.a: active{ CSS样式; }

正确答案: A:a:link{ CSS样式; };

12. (单选题)下列选项中,用于设置超链接被访问过之后样式的状态化伪类选择器是()

  • A. a:link{ CSS样式; }

  • B. a:visited{ CSS样式; }

  • C. a:hover{ CSS样式; }

  • D. a: active{ CSS样式; }

正确答案: B:a:visited{ CSS样式; };

13. (单选题)下列选项中,可以在元素之后插入内容的选择器是()

  • A. :not

  • B. :empty

  • C. :after

  • D. :root

正确答案: C::after;

答案解析::after伪元素选择器用于在某个元素之后插入一些内容,使用方法与:before选择器相同。