浏览器的{CSS}优先顺序

Question

CSS3样式表的优先顺序是什么？

我的意思是，想象一下我们对CSS内部的相同内容有不同的设置。浏览器选择和应用哪一个？

这与CSS内部代码的位置有关吗？我的意思是从上到下？

Answer 1

是的，Css是从上到下的工作，如： -

如果您在10行号和其他相同的班级上课，但对15号行号进行了一些更改，则需要15行号码。

如： -

第10行： - .class {background-color：#ffffff; font-size：14px; font-family：'Open Sans'，sans-serif;}

第15行： - .class {background-color：＃0000; font-size：14px; font-family：'Open Sans'，sans-serif;} - 它将需要这个。

Answer 2

浏览器加载CSS标记的顺序将决定采用哪个值。

因此，如果您将CSS文件放在文档的末尾，那么它们将按顺序逐个应用，覆盖它们遇到的任何现有重复选择器。

示例：

#myDiv { 
background-color: blue;
width: 300px;
height: 200px;
}


#myDiv { 
background-color: red;
width: 300px;
height: 200px;
}

<div id="myDiv">
Demo
</div>