最后应用哪一个？

Question

最后应用哪一个？

• 来自外部文件的CSS
• 内联CSS

我有CSS风格的赛车情况。我已经为某些元素提供了一些样式，但用户可以选择通过WYSIWYG编辑器编辑它们，并且出于持久性原因，我必须存储由WYSIWYG在数据库中生成的内联CSS。那么当用户在浏览器中再次渲染文件时，CSS会在最后得到应用吗？

Answer 1

假设具有相同的特异性且没有!important规则，那么<link>和<style>元素之间没有区别。它们只是包含样式表的不同语法。

<link>          <!-- applied 1st --> 
<style></style> <!-- applied 2nd -->
<link>          <!-- applied 3rd -->

style 属性有效地具有无限特异性，因此最后应用（!important规则除外）。

另见The Cascade