CSS特性

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

1、继承性

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

2、层叠性

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

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

3、优先级

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

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

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

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

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

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

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

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

!important 权重最高

继承权重最低

例:

相关推荐
GISer_Jing1 小时前
AI时代前端开发者成长计划
前端·人工智能
方安乐1 小时前
网页设计:自动适配浏览器深色/浅色模式
前端·html5
qq_12084093711 小时前
Three.js 工程向:后处理性能预算与多 Pass 链路优化
前端·javascript
南棱笑笑生1 小时前
20260422给万象奥科的开发板HD-RK3576-PI适配瑞芯微原厂的Buildroot时使用mpg123播放mp3音频
前端·javascript·音视频·rockchip
小小码农Come on2 小时前
QPainter双缓冲区实现一个简单画图软件
linux·服务器·前端
nunumaymax2 小时前
【第三章-react 应用(基于 react 脚手架)】
前端·react.js·前端框架
空中海2 小时前
第一章:Vue 基础与模板语法
前端·javascript·vue.js
每天吃饭的羊2 小时前
水平,垂直居中
前端·javascript·html
鼎道开发者联盟2 小时前
鼎享会 | OpenClaw Control UI 前端架构全解析:自研 UI 对接 Server 实操指南
前端·ui·架构·openclaw·control ui
尘世中一位迷途小书童2 小时前
一套完整的给予ceium封装的组件库,可满足企业级开发
前端