<分区>
有时在 CMS 中,模块、插件、扩展或核心本身中的代码会覆盖您的 CSS 规则。当然,您的客户不希望花费额外的时间来追查问题的根源。
我知道可以通过三种方式在子主题中强制您自己覆盖:
1. 添加内联样式到您的模板文件
2. 添加 important!
到你的 CSS 文件
3.向您的模板文件添加另一层,使您的选择器更加具体。
是否有解决这种特殊情况的 CSS 最佳实践的公认权威?
<分区>
有时在 CMS 中,模块、插件、扩展或核心本身中的代码会覆盖您的 CSS 规则。当然,您的客户不希望花费额外的时间来追查问题的根源。
我知道可以通过三种方式在子主题中强制您自己覆盖:
1. 添加内联样式到您的模板文件
2. 添加 important!
到你的 CSS 文件
3.向您的模板文件添加另一层,使您的选择器更加具体。
是否有解决这种特殊情况的 CSS 最佳实践的公认权威?
最佳答案
我不认为这里真的有最佳实践,但我尽量避免在 cms 中编辑之外的内联。
如果我要编辑以下 p 标签...
<div id="outer">
<div class="inner">
<p>text</p>
</div>
</div>
我会尝试使用类似...
#outer .inner p{
colour:red;
}
如果我真的很挣扎,那么我会使用...
#outer .inner p{
colour:red !important;
}
另一种选择是使用样式表覆盖当前样式表,因此在 html 标题中的当前样式表之后引用它...
<link rel="stylesheet" href="current-style.css" />
<link rel="stylesheet" href="new-style.css" />
This article很好地解释了事情。
关于CSS 最佳实践 : use inline style or important?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31658121/