浏览器的 CSS3 优先顺序

【问题标题】：CSS3 priority order for browsers浏览器的 CSS3 优先顺序
【发布时间】：2017-02-18 12:19:56
【问题描述】：

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

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

这是否与代码在 CSS 中的位置有关？我的意思是从上到下？

【问题讨论】：

标签： css syntax

【解决方案1】：

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

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

例子：

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


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

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

【讨论】：

【解决方案2】：

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

如果你在 10 行号上上课，而其他相同的课程对 15 行号进行了一些更改，则需要 15 行号代码。

喜欢：-

第 10 行：- .class{背景颜色：#ffffff;字体大小：14px； font-family: 'Open Sans', sans-serif;}

第 15 行：- .class{background-color: #0000;字体大小：14px； font-family: 'Open Sans', sans-serif;} - 需要这个。

【讨论】：