CSS 三大特性

一、层叠性

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

二、继承性

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

规则:优先继承离得近的

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

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

三、优先级

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

详细来说:需要计算权重

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

相关推荐
阿虎儿5 小时前
CSS 毛玻璃效果完全指南:从入门到避坑
css
清风细雨_林木木8 小时前
CSS 报错:css-semicolonexpected 解决方案
前端·css
熙街丶一人9 小时前
css 图片未加载时默认高度,加载后随图片高度
前端·javascript·css
洗发水很好用13 小时前
uniapp纯css实现基础多选组件
前端·css·uni-app
whuhewei14 小时前
CSS动画倍速播放
前端·css
ZTLJQ14 小时前
构建网页的三剑客:HTML, CSS, JavaScript 完全解析
javascript·css·html
苏武难飞14 小时前
分享一个THREE.JS中无限滚动的技巧
前端·javascript·css
橘子编程14 小时前
HTML5 权威指南:从入门到精通
前端·css·vue.js·html·html5
cch891815 小时前
常见布局实现详解(Flex 实战版)
前端·javascript·css
勇往直前plus1 天前
前端三基石:从后端视角理解 HTML、CSS 与 JavaScript
前端·css·html