CSS 三大特性

一、层叠性

概念:如果发生了样式冲突,就会根据一定的规则(选择器优先级),进行样式的层叠。

二、继承性

概念:元素会自动拥有其父元素、或祖先元素上所设置的某些样式

规则:优先继承离得近的

常见的可继承属性,参照MDN网站,可查询属性是否可被继承

text-??,font-??,line-??,color

三、优先级

简单来说:!important > 行内样式 > ID选择器 > 类选择器 > 元素选择器 > * > 继承的样式

详细来说:需要计算权重

计算权重时需要注意:并集选择器的每一个部分时分开算的

相关推荐
java_nnnn6 小时前
JavaEE进阶-CSS初识
java·前端·css·java-ee·html
赵锦川6 小时前
css代替表格
前端·css
小刘在重生~8 小时前
CSS 零基础完整学习笔记|选择器|盒子模型|布局
css·笔记·学习
天天喝旺仔8 小时前
浏览器渲染原理:从解析 HTML/CSS、构建渲染树到重排重绘与首屏优化
前端·javascript·css·性能优化·html
DsirNg1 天前
响应式的真正输入:为组件重新定义可用空间
css·flexbox·grid·前端架构·响应式布局·设计系统·container queries
PYB31 天前
【Web·基础学习】基础布局
css·html·web
晓得迷路了1 天前
栗子前端技术周刊第 148 期 - Turborepo 2.11、Chrome 154 iframe、Node.js 26...
前端·javascript·css
cindershade2 天前
响应式的真正输入:为组件重新定义可用空间
css·flexbox
刃神太酷啦7 天前
前端入门第一课:HTML 基础语法 + 常用标签 + 实战全解
服务器·c语言·前端·javascript·css·c++·html
扶苏10028 天前
CSS 图标换色指南:用 brightness / invert / mask 把任意图片改成想要的颜色
css