对于搜索字词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,因为它可能会导致一些令人困惑的结果.
原文地址：https://www.jb51.cc/css/215790.html
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
