CSS 三大特性

一、层叠性

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

二、继承性

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

规则:优先继承离得近的

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

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

三、优先级

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

详细来说:需要计算权重

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

相关推荐
Mr Xu_21 小时前
前端开发中CSS代码的优化与复用:从公共样式提取到CSS变量的最佳实践
前端·css
Lee川1 天前
CSS盒模型实战:用代码透视 `border-box`与 `content-box`的天壤之别
css
哈里谢顿1 天前
CSS 入门完全指南:从零构建你的第一个样式表
css
. . . . .1 天前
CSS 编写与管理范式 - Tailwind和CSS-in-JS
css
RFCEO2 天前
前端编程 课程十六、:CSS 盒子模型
css·前端基础课程·css盒子模型·css盒子模型的组成·精准控制元素的大小和位置·css布局的基石·内边距(padding)
夏幻灵2 天前
CSS三大特性:层叠、继承与优先级解析
前端·css
会编程的土豆3 天前
新手前端小细节
前端·css·html·项目
珹洺3 天前
Bootstrap-HTML(二)深入探索容器,网格系统和排版
前端·css·bootstrap·html·dubbo
BillKu3 天前
VS Code HTML CSS Support 插件详解
前端·css·html
1024小神3 天前
用css的clip-path裁剪不规则形状的图片展示
前端·css