CSS 三大特性

一、层叠性

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

二、继承性

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

规则:优先继承离得近的

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

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

三、优先级

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

详细来说:需要计算权重

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

相关推荐
晓得迷路了16 小时前
栗子前端技术周刊第 150 期 - Stack Overflow 开发者调查结果、TanStack Start 1.0...
javascript·css·后端
ShineWinsu2 天前
对于CSS:弹性布局(Flexbox)的解析
前端·css·面试·浏览器·web·网页·弹性布局
云老大-阿里云国际站代理商2 天前
华为云国际站渠道代理商:CSS查询很慢但CPU不高?磁盘I/O、JVM与分片问题怎么排查
css·jvm·华为云
定栓3 天前
Webpack迁到Vite第三节:Less 与 CSS 处理
css·webpack·less
ShineWinsu3 天前
对于JavaScript:初识JavaScript以及输入输出
java·开发语言·前端·javascript·css·面试·html
码银3 天前
【web】基于HTML/CSS,JavaScript + Three.js做3D流程图
前端·css·html
keyipatience3 天前
JavaScript学习(1)书写位置,变量、数据类型、运算符
开发语言·前端·javascript·css·学习
酷炫码神3 天前
Day 2|CSS 盒模型:把昨天的骨架,变成能看的页面
前端·css
oicola3 天前
Ant Design v5 vs Tailwind CSS:组件库与样式框架的终极对决
前端·css
软件技术NINI4 天前
美妆商城html+Css+js 4页
javascript·css·html