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

相关推荐
昔人'6 分钟前
html`<mark>`
前端·javascript·html
云中雾丽9 分钟前
Flutter主流的本地存储方案
前端
ss27318 分钟前
手写Spring第7弹:Spring IoC容器深度解析:XML配置的完整指南
java·前端·数据库
前端拿破轮1 小时前
从0到1搭一个monorepo项目(二)
前端·javascript·面试
止观止1 小时前
XSS 攻击详解:原理、类型与防范策略
前端·xss
SuperherRo1 小时前
JS逆向-安全辅助项目&Yakit热加载&魔术方法&模版插件语法&JSRpc进阶调用&接口联动
javascript·安全·yakit·jsrpc·热加载
用户47949283569151 小时前
用|运算符写管道?Symbol.toPrimitive让JavaScript提前用上|>语法
前端·javascript
知识分享小能手1 小时前
uni-app 入门学习教程,从入门到精通,uni-app 基础知识详解 (2)
前端·javascript·windows·学习·微信小程序·小程序·uni-app
文心快码BaiduComate1 小时前
限时集福!Comate挂件/皮肤上线,符(福)气掉落中~
前端·后端·程序员
勇敢di牛牛1 小时前
vue3 + mars3D 三分钟画一个地球
前端·vue.js