校招刷题群
高效刷题 迎战校招
校招精选试题
近年面笔经面经群内分享
Java刷题群 前端刷题群 产品运营群
首页 > js语言和框架 > 选择器和优先级
题目

对CSS选择器不同级别的执行优先级的描述,不正确的是()

A.!important执行级别最高,会覆盖子选择器的冲突样式,一般的公共类不推荐使用

B.id选择器的执行级别比行内样式的级别高

C.id选择器的执行级别比元素选择器的级别高

D.id选择器的执行级别比类选择器的级别高

解答

正确答案是 B

不同级别
在属性后面使用 !important 会覆盖页面内任何位置定义的元素样式。
作为style属性写在元素内的样式
id选择器
类选择器
元素选择器
通配符选择器
浏览器自定义或继承

总结排序:!important > 行内样式 > ID选择器 > 类选择器 > 元素选择器 > 通配符选择器 > 继承 > 浏览器默认属性

A选项因为!impotant级别太高,特别是存在多个!important样式时,对问题的跟踪和维护都有影响
可以把id选择器作为一个分割点,前面两个级别高的比较特殊,比较好理解记忆。

B选择把行内样式的优先级描述错误

C 0条回复 评论

帖子还没人回复快来抢沙发