html – ！重要的是被没有内联样式的元素覆盖

概述我今天在工作中遇到了一个最有趣的困境,我甚至无法理解为什么会发生这种困境.好奇只是在扼杀我. 无论内联样式如何,我们都有一个坚持特定字体的客户端.我不想辩论！重要和它应该被使用的方式. 但我对这种情况非常好奇 http://partner-dashboard.qed42.webfactional.com/partner/108/insights/homepage – ：请看手风琴中的概要.并注意字 我今天在工作中遇到了一个最有趣的困境,我甚至无法理解为什么会发生这种困境.好奇只是在扼杀我.

无论内联样式如何,我们都有一个坚持特定字体的客户端.我不想辩论！重要和它应该被使用的方式.

但我对这种情况非常好奇

http://partner-dashboard.qed42.webfactional.com/partner/108/insights/homepage – ：请看手风琴中的概要.并注意字体系列.

.ui-Widget {  Font-family: Verdana,Arial,sans-serif;  Font-size: 1.1em;}.insights-Widget-container {  Font-family: "Trebuchet MS",Helvetica,sans-serif !important; //I am being overrIDen  line-height: 1.5;  Font-size: 13px;}

有人可以告诉我这是怎么回事吗？当然！重要的是应该覆盖.ui-Widget.我甚至增加了特异性

#insights-Widget-container {  Font-family: "Trebuchet MS",sans-serif !important; //I am being overrIDen}

没运气！如果有人可以阐明为什么会发生这种情况会非常有趣吗？

解决方法 您正在将它应用于容器.如果你希望它能够工作,你需要改变每个单独项目上的Font-family,否则它将被特异性覆盖,因为你的！important只会应用于css选择器中的元素.

！important不会覆盖子规则(如果已设置),仅应用于选择器的规则.

想象一下,如果CSS按预期方式工作,它会是什么样子.如果我设置这样的规则：

body {   padding: 30px!important;}

那么我们是否会期望作为身体孩子的每个元素都有一个填充：30px！重要规则应用于它？这完全是混乱.

这可能是进一步阅读参考的良好链接：W3C Wiki – Inheritance and Cascade

总结

以上是内存溢出为你收集整理的html – ！重要的是被没有内联样式的元素覆盖全部内容，希望文章能够帮你解决html – ！重要的是被没有内联样式的元素覆盖所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。