CSS样式作用的优先顺序

发布网友发布时间：2022-04-06 12:36

共3个回答

热心网友时间：2022-04-06 14:05

CSS样式是按照从左往右的顺序执行的，但一般没必要太计较，只要把想要的都设置好了就行了。

热心网友时间：2022-04-06 15:23

就近原则。离控件最近的样式起作用。

热心网友时间：2022-04-06 16:58

层叠次序
当同一个 HTML 元素被不止一个样式定义时，会使用哪个样式呢？

一般而言，所有的样式会根据下面的规则层叠于一个新的虚拟样式表中，其中数字 4 拥有最高的优先权。

浏览器缺省设置
外部样式表
内部样式表（位于 <head> 标签内部）
内联样式（在 HTML 元素内部）
因此，内联样式（在 HTML 元素内部）拥有最高的优先权，这意味着它将优先于以下的样式声明：<head> 标签中的样式声明，外部样式表中的样式声明，或者浏览器中的样式声明（缺省值）。