3

有人告诉我，如果我将 Roots 主题用于 wordpress，那么如果我开发 wordpress 网站，它将节省我的时间和精力。但是，我无法对主题进行任何修改，style.css 不包含在网站上，即使我在其他样式表之后包含它，它也不会做任何事情，因为我尝试过可能是最简单的事情曾经：

h1{display:none;}

我还尝试阅读https://github.com/retlehs/roots/blob/master/doc/README.md上的文档 和引导文档http://twitter.github.com/bootstrap/index.html但我'我仍然无法进行任何修改。我不敢修改 bootstrap.css 本身，那我应该怎么修改呢？

4

2 回答 2

4

您可以添加任何您想要的 CSS 样式，但您必须将其添加到位于主题文件夹中的 assets/css/app.css 文件中。

您没有修改 bootstrap.css 或任何其他核心文件是正确的。只需修改：

  1. 对于您的 CSS 样式添加，您可以编辑 assets/css/app.css
  2. 对于您的 .js 自定义添加，您编辑 assets/js/main.js 并将任何 javascript 插件放入 assets/js/plugins.js
  3. 对于主题的 .php 自定义添加（如 php 函数），您可以编辑 lib/custom.php （或者您也可以创建新文件并包含主题）

这样您就可以正确更新主题。

如果它仍然没有得到应用，原因可能是 css 特异性。

这里有更多信息：http ://www.w3.org/TR/selectors/#specificity

作为最后的手段，您可以使用：
h1{display:none !important;}

在找到更好的解决方案之前使用这个临时的。

于 2012-10-02T16:42:14.523 回答
1

你真的不应该使用 !important ，除非你真的别无选择（这应该很少见）。未应用您的自定义样式的原因是 CSS“特异性”规定其他规则比您的自定义规则更相关/更重要。让你的自定义 CSS 规则比 Bootstrap 的更“重要”，你的风格就会出现。

这里有更多信息：http ://www.w3.org/TR/selectors/#specificity

编辑：这是对另一个线程中最后一个帖子的回复，但我不知道如何回复那个帖子。我是新来的！道歉！

于 2013-05-03T14:21:46.027 回答