CSS 三大特性

一、层叠性

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

二、继承性

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

规则:优先继承离得近的

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

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

三、优先级

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

详细来说:需要计算权重

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

相关推荐
前端若水1 天前
过渡(transition)高级:贝塞尔曲线、硬件加速
前端·css·css3
前端若水1 天前
实战:纯 CSS 实现“有图片的卡片不同样式”
前端·css
qq_381338501 天前
CSS @layer 级联层实战指南:从样式冲突到分层架构
前端·css
用户059540174461 天前
AI Agent记忆丢失踩坑实录:这个问题让我排查了3天
前端·css
前端若水2 天前
原生嵌套(Nesting):以后还写 SCSS 吗?
前端·css·scss
羽沢312 天前
Canvas学习一
前端·css·学习·canvas
四岁爱上了她2 天前
自定义标签切换动画
javascript·css·css3
前端若水2 天前
选择器的威力 —— :has()、@layer、原生嵌套
前端·css·css3
Json____2 天前
前端入门练习题集-HTML/CSS/JS实战小项目15个
前端·css·html
前端若水2 天前
层叠层(@layer):彻底解决优先级战争,告别 !important
前端·css·css3