《Web前端开发技术》作业四
一. 单选题(共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选择器相同。
- 感谢你赐予我前进的力量