CSS特性

CSS特性:继承性、层叠性、优先级

1、继承性

继承性:子级标签默认继承父级的文字控制属性

2、层叠性

特点:相同的属性会覆盖:后面的CSS属性覆盖前面的CSS属性

不同的属性会叠加:不同的CSS属性都生效

3、优先级

优先级:也叫权重,当一个标签使用了多种选择器时,基于不同种类的选择器的

规则:选择器优先级高的样式生效

公式:通配符选择器 < 标签选择器 < 类选择器 < id选择器 < 行内样式 < !important

补充:优先级-叠加计算规则

叠加计算:如果时复合选择器,则需要权重叠加计算

公式:(每一级之间不存在进位)

(行内样式,id选择器个数,类选择器个数,标签选择器个数)

规则:从左往右一次比较个数,同一级个数多的优先级高,如果个数相同,则向后比较

!important 权重最高

继承权重最低

例:

相关推荐
心在飞扬16 小时前
ReRank重排序提升RAG系统效果
前端·后端
心在飞扬16 小时前
RAPTOR 递归文档树优化策略
前端·后端
前端Hardy16 小时前
别再无脑用 `JSON.parse()` 了!这个安全漏洞你可能每天都在触发
前端·javascript·vue.js
前端Hardy16 小时前
别再让 `console.log` 上线了!它正在悄悄拖垮你的生产系统
前端·javascript·vue.js
青青家的小灰灰16 小时前
从入门到精通:Vue3 ref vs reactive 最佳实践与底层原理
前端·vue.js·面试
OpenTiny社区17 小时前
我的新同事是个AI:支持skill后,它用TinyVue搭项目还挺溜!
前端·vue.js·ai编程
心在飞扬17 小时前
MultiVector 多向量检索
前端·后端
用户390513321928817 小时前
async 函数返回的 Promise 状态何时变为 resolved
前端
李剑一17 小时前
大屏天气展示太普通?视觉升级!用 Canvas 做动态天气遮罩,雷阵雨效果直接封神
前端·vue.js·canvas
Lee川17 小时前
现代Web开发中的CSS继承、Flexbox布局与LocalStorage交互:从文档解析到实践应用
前端·css