CSS面试题:说一说css优先级?

说一说css优先级?

从引入方式方面:行内style > 内嵌<style> > 链入<link>

从选择器权重方面:

!important > 行内选择器 1000 > Id选择器 100 > class选择器=属性选择器=伪类选择器 10 > 标签选择器=伪元素选择器 1 > 继承=通配符选择器 0

当权重相等时,按照就近原则

优先解析权重高的选择器,不会出现权重进位:比如,当11个class选择器和1个Id选择器在一块时,优先解析的是Id选择器,并不会出现所谓的11个class选择器大于Id选择器的问题

使用 复合选择器 时权重计算方式:后代、父子、兄弟、交集,权重相加;并集,权重分开计算。

说一说哪些属性可以被继承?

color

font-xxx

line-xxx

text-xxx

相关推荐
GISer_Jing12 小时前
今天看了京东零售JDS的保温直播,秋招,好像真的结束了,接下来就是论文+工作了!!!加油干论文,学&分享技术
前端·零售
Mapmost12 小时前
【高斯泼溅】如何将“歪头”的3DGS模型精准“钉”在地图上,杜绝后续误差?
前端
JellyDDD12 小时前
h5上传大文件可能会导致手机浏览器卡死,重新刷新的问题
javascript·上传文件
废春啊13 小时前
前端工程化
运维·服务器·前端
爱上妖精的尾巴13 小时前
6-9 WPS JS宏Map、 set、get、delete、clear()映射的添加、修改、删除
前端·wps·js宏·jsa
爱分享的鱼鱼13 小时前
对比理解 Vue 响应式 API:data(), ref、reactive、computed 与 watch 详解
前端·vue.js
JS_GGbond13 小时前
【性能优化】给Vue应用“瘦身”:让你的网页快如闪电的烹饪秘籍
前端·vue.js
T___T13 小时前
一个定时器,理清 JavaScript 里的 this
前端·javascript·面试
代码小学僧13 小时前
从 Arco Table 迁移到 VTable:VTable使用经验分享
前端·react.js·开源
微笑的曙光13 小时前
Vue3 环境搭建 5 步走(零基础友好)
前端