CSS 三大特性

一、层叠性

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

二、继承性

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

规则:优先继承离得近的

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

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

三、优先级

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

详细来说:需要计算权重

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

相关推荐
ℋᙚᵐⁱᒻᵉ鲸落5 小时前
移动端滑动手势冲突:overflow: auto导致外层横向滑动失效
前端·javascript·css·vue.js·html
慧一居士9 小时前
Vite项目中使用Less步骤,详细使用示例
前端·css
慧一居士14 小时前
Sass和Less功能、使用场景、用法对比
前端·css·less·sass
慧一居士18 小时前
Less功能介绍和完整使用示例
css
右耳朵猫AI21 小时前
Web前端周刊2026W34 | CSS类前缀选择器采纳、Lovable迁移TanStack Start、Fastify 6.0 Alpha
前端·css
三十而立洋1 天前
Flex 与 Grid 布局完全指南
css
CarIise3 天前
事件传播、CSS动画、服务器字体与jQuery
服务器·css·jquery
XLYcmy3 天前
HTML/CSS/JS 基础与 Vue 技术栈深度解析
java·前端·css·html·vue3·vue2·api
风月说与山鬼3 天前
四、Tailwind CSS——间距与尺寸
前端·css·tailwind css
风月说与山鬼3 天前
三、Tailwind CSS——排版与文字样式
前端·css·tailwind css