我在这里读到一篇不错的文章：
http://www.plus2net.com/html_tutorial/css-types.php
对于搜索字词css样式表优先级,谷歌排名最高.
但是我认为网站误导你并且不完整！有人可以证实我的怀疑吗？
对于搜索字词css样式表优先级,谷歌排名最高.
但是我认为网站误导你并且不完整！有人可以证实我的怀疑吗？
1)用户定义的样式是第二低的优先级.要使用它覆盖其他样式,您需要使用！important将其移至最高位置.
2)没有提到< link>的相对优先级.与< link>中的@import和@import对比
更准确的排序是(1胜2以上)：
>用户定义(浏览器首选！重要 – [不是谷歌浏览器！])
>内联样式表(HTML节点上的样式属性)
>内部样式表(< style> in< head>)
>外部样式表(@import)
>外部样式表(< link>)
>外部样式表(@import里面< link>)
>用户定义 – (浏览器首选项 – [不是谷歌浏览器！])
>浏览器默认 – (随浏览器一起提供)
迈克尔鲍尔斯Pro CSS & HTML Design Patterns也是一个很好的来源.但它没有提到内联.
还有什么遗失的吗？
PS：我在推测！重要的是从2-8缺失.因此用户定义出现两次.一旦重要,第二次没有它.因此,用户定义实质上是第二低的. ！important可以自然地应用于任何级别.
解决方法
而不是从最重要和最不重要的角度来考虑它,而不是将其视为级联顺序.应用所有样式,但最后应用的样式是您看到的样式.样式按以下顺序应用：
>浏览器默认
>外部样式表(链接或@import)
>内部样式表
>内联风格
在前三个中的任何一个中,样式从最不具体到最具体应用(如果最不具体,则从上到下应用).因此,选择标签的样式将在类选择的样式之前应用,因此如果他们不同意应该应用的样式,则选择的类将获胜.关于是否应首先应用链接或@import没有规则,因此将它们混合在一起并应用最不具体到最具体的规则.
！important使得在更具体的样式之后应用不太具体的样式,并且在内部样式或内联样式之后应用外部样式表样式.尽管如此,我建议不要使用！important,因为它可能会导致一些令人困惑的结果.
