在哪里以及如何在根启动器主题中添加/编辑 css答案

【问题标题】：Where and how to add/edit css in roots starter theme在哪里以及如何在根启动器主题中添加/编辑 css
【发布时间】：2015-04-10 13:28:29
【问题描述】：

所以我下载了根启动器主题，安装了节点并运行 npm install 等。我现在有一个工作主题。当我修改 PHP 代码时，我的样式必须与之同步。我不明白我应该在哪里编写我的附加 css 以及我应该在哪里编辑现有 css。

例如，我创建了一个页脚菜单并将其标记为

  <ul id="menu-footer" class="nav navbar-nav">
    <li class="menu-privacy-policy"><a href="#">Privacy Policy</a></li>
    <li class="menu-terms-conditions"><a href="#">Terms &amp; Conditions</a></li>
    <li class="menu-our-pledge"><a href="#">Our Pledge</a></li>
  </ul>

我必须向#menu-footer 添加额外的样式并编辑.nav navbar-nav 的引导样式这是我第一次看到less、grunt、npm 等，我觉得我不应该编辑@987654328直接@文件。

我想要任何参考链接或建议使用这些类型文件的标准方法是什么

谢谢

【问题讨论】：

CSS 通常位于 html 头部。
你看我的问题了吗？
htmldog.com/guides/css/beginner
这就是为什么这里会被视为题外话。 @RaheelKhan
我将从学习 Grunt (gruntjs.com/getting-started) 以及如何运行它开始，因为这是您将 LESS 编译成 CSS 的方法。然后访问 Roots 博客 (roots.io/blog) 了解一些操作方法，然后查看 Roots 论坛 (discourse.roots.io) 以获得更多针对 Roots 工作流程的帮助。

标签： php css wordpress gruntjs npm

【解决方案1】：

http://roots.io/roots-101/#theme-assets

自定义样式的放置位置会因您的样式而异。例如，Roots 带有一个专门用于主页的 .less 文件和另一个专门用于设置页眉或页脚样式的文件。这使您可以将样式分开并且更易于维护。

【讨论】：

所以与其将我的自定义样式添加到 css 文件中，我必须将其写入 .less 文件并编译它？
正确。不要更改您的 CSS 文件，因为它们会在您编译 .less 文件时被覆盖。