CSS选择器专题测试
考察知识点
- 基础选择器:标签选择器、类选择器、ID选择器的语法和使用场景
- 伪类选择器:交互状态伪类(:hover、:active、:focus)、结构伪类(:nth-child等)
- 伪元素选择器:::before、::after的使用方法
- 组合选择器:后代选择器、子选择器、相邻兄弟选择器
- 属性选择器:属性匹配的各种方式(完全匹配、开头匹配、结尾匹配等)
- 优先级与继承:权重计算、继承规则、!important使用
1
单选题
CSS选择器的主要作用是什么?
2
单选题
以下哪个是标签选择器(元素选择器)?
3
单选题
CSS类选择器的语法是以什么符号开头?
4
填空题
HTML元素 <div class="box">内容</div>,对应的CSS类选择器写法为 ______。
5
判断题
一个HTML元素可以同时拥有多个class类名,用空格分隔,如 <div class="box container active">。
6
单选题
CSS ID选择器的语法是以什么符号开头?
7
单选题
ID选择器和类选择器的主要区别是什么?
8
单选题
以下哪个是CSS伪类选择器?
9
填空题
常用的交互状态伪类选择器:
- 鼠标悬停状态使用 ______
- 链接被点击激活状态使用 _______
- 元素获得焦点状态使用 ______
10
多选题
以下哪些是CSS结构伪类选择器?
11
单选题
伪元素选择器和伪类选择器的语法区别是什么?
12
填空题
常用的伪元素选择器:
- 在元素内容前插入内容使用 ________
- 在元素内容后插入内容使用 _______
13
判断题
使用::before或::after伪元素时,必须设置content属性,否则伪元素不会显示。
14
单选题
CSS后代选择器的语法格式是什么?
15
单选题
div > p 选择器会选择哪些元素?
16
单选题
以下哪个是CSS属性选择器?
17
填空题
属性选择器的匹配方式:
- 选择有指定属性的元素:__________
- 选择属性值完全匹配的元素:________________________
- 选择属性值包含指定词的元素:________________________
18
单选题
CSS优先级权重从高到低的正确顺序是?
19
填空题
CSS选择器优先级权重:
- 内联样式权重为 ______
- ID选择器权重为 ______
- 类选择器权重为 ______
- 标签选择器权重为 ______
20
判断题
CSS中,color(颜色)、font-size(字体大小)属性会自动从父元素继承到子元素,而margin、padding、border等盒模型属性不会继承。
📝 发现内容有误?点击此处直接编辑
想参加完整模拟考试?
小程序提供计时考试、自动评分和详细解析
长按或扫描二维码,立即体验