试题
考点

js语言和框架-CSS、CSS3-选择器和优先级

面5笔5

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

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

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

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

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

前往“校招VIP”小程序,刷题更快
最新校招难题刷题,快来进刷题群吧
解答

正确答案是 B

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

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

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

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

文章链接

评论
暂无评论

加载更多