html中多重样式的优先权问题
程序员文章站
2022-06-09 15:41:37
...
样式通常是用来定义如何显示html元素
修饰html元素的样式可以在以下几个地方：
1、单个的 HTML 元素中；
2、在 HTML 页的头元素<head></head>中;
3、在一个外部的 CSS 文件中；
当同一个 HTML 元素被不止一个样式定义时，会使用哪个样式呢？
一般而言，所有的样式会根据下面的规则层叠于一个新的虚拟样式表中，其中数字 4 拥有最高的优先权。
- 浏览器缺省设置
- 外部样式表
- 内部样式表（位于 <head> 标签内部）
- 内联样式（在 HTML 元素内部）
因此，内联样式（在 HTML 元素内部）拥有最高的优先权，这意味着它将优先于以下的样式声明：<head> 标签中的样式声明，外部样式表中的样式声明，或者浏览器中的样式声明（缺省值）。
上一篇： 天猫搜索前端架构演进之路