CSS 三大特性

一、层叠性

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

二、继承性

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

规则:优先继承离得近的

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

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

三、优先级

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

详细来说:需要计算权重

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

相关推荐
cll_8692418919 小时前
一个好看的Wordpress博客文字css样式
前端·css·ui
三翼鸟数字化技术团队9 小时前
一种前端大屏适配方案
前端·css
muddjsv10 小时前
CSS核心语法精讲:彻底吃透规则结构、选择器与声明规范
前端·css
触底反弹21 小时前
一文搞懂 Tailwind CSS 弹性布局:从原理到实战
前端·css·html
小白巨白1 天前
玫瑰花园管理系统:AI识病+3D可视化,一套面向中小型玫瑰种植园的数字化管理工具
css·人工智能·计算机视觉·html5
alexander0682 天前
CSS 类选择器组合
前端·css
HexCIer2 天前
面向未来的原子化 CSS:UnoCSS 核心架构分析与 Tailwind CSS 现状
前端·css·vite
用户059540174462 天前
把大模型记忆回归测试从手工检查换成 Playwright+VCR,误判率从 40% 降到 0
前端·css
breeze jiang3 天前
从零搭建浏览器端 AI 原型:React、WebGPU 与 Tailwind CSS 的一次实践
css·人工智能·react.js
不好听6133 天前
Tailwind CSS 原子化 CSS 完全入门:为什么现代前端开发都在用?
前端·css