css - 浏览器以什么顺序处理css？

标签 css

<分区>

我有一个在 5 个不同位置设置样式的类，浏览器遍历每个不同位置的顺序是什么？

内联

 <div class="yellowtag" style="background: yellow;">This is yellow</div>

首先处理的css文件

// First instance inside of style.css
.yellowtag {
    background: yellow;        
}

第一个处理的 css 文件中的黄色标记的第二个实例

// Second instance inside of style.css
.yellowtag {
    background: yellow;        
}

在头上

<head>
     <style>
         .yellowtag {
             background: yellow;        
         }
     </style>
</head>

最佳答案

浏览器处理CSS的具体顺序是:

1:内联-然后-

2:样式标签 -then-

3: 在 HTML 中定义的第一个 CSS 文件(从上到下)-then-

4:在 HTML 中定义的第二个 CSS 文件 -等等 -

因此，如果您在所有四个标签中都有一个标签，则应用的标签将是内联样式

然而，所有这些都可以通过在定义属性时使用 !important 来覆盖

关于css - 浏览器以什么顺序处理css？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17497418/

相关文章：

css - chrome中的jquery css问题