浏览器的CSS3优先顺序

Question

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

我的意思是，假设我们对CSS中的相同内容有不同的设置。浏览器选择并应用哪一个？

这是什么与CSS内的代码的位置有关？我是说从上到下？

Answer 1

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

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

例子：

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

 

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

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

Answer 2

是CSS是工作顶部像底部： -

如果你给10号线和其他同等级的一些变化，以15行数类将需要15行数字代码。

，如： -

线10： - 的.class {背景色：#FFFFFF; font-size：14px; font-family：'Open Sans'，sans-serif;}

line 15： - .class {background-color：＃0000; font-size：14px; font-family：'Open Sans'，sans-serif;} - 它会采用这个。