我有一个简单的 HTML 页面,它引用了 3 个 CSS 文件。第一个是仅适用于页面的样式表。另外两个是针对两个独特情态动词的样式。这些模态 CSS 文件不是我创建的,它们很高兴被使用分别地在整个网站的其他页面上。
我的问题是,这两个模态 CSS 文件都包含一些常见的选择器,因此它们会弄乱彼此的样式。
我知道解决此问题的最佳方法是获取一个或两个文件并使其选择器唯一。一种方法是为选择器命名空间。
然而,我的问题是,既然我已经深入了解了这个页面,是否有办法在不更改当前模式 CSS 页面的情况下防止这些 CSS 冲突?是否有任何工具可以提供帮助,例如LESS http://lesscss.org?将来防止这种情况的最佳做法是什么?
最好的解决方案确实是根据您的需要重构这些 css 文件。
然而,更简单的解决方案是将样式表包含在这两个第三方 css 文件之后,并重新声明公共选择器的样式,这会自动覆盖以前的设置。
LESS/SASS 是帮助您更快、更舒适地编写 CSS 的优秀工具。我在私人工作中使用 SASS,并且非常推荐它。但他们无法帮助您解决诸如自动取款机之类的问题。
EDIT:
Using !important
是可能的,但被认为是坏习惯,因为它的目的是使用户可以用自己的风格覆盖作者风格 http://www.w3.org/TR/CSS2/cascade.html#important-rules。而不是使用!important
你应该做的是:
- 尽可能避免重复的样式。
- if you can't avoid this, try to resolve this by either:
- 级联(=使用正确的顺序覆盖以前的样式)
- using 选择器特异性 http://coding.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/ (W3C-Spec http://www.w3.org/TR/CSS2/cascade.html#specificity).
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)