在 roots 入门主题中 add/edit css 的位置和方式

Question

所以我下载了 roots starter 主题，安装了 node 和运行 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的bootstrap样式这是我第一次体验少看，g运行t， npm 等，我觉得我不应该直接编辑 assets/main.css 文件。

我想要任何参考资料link或建议处理这些类型文件的标准方法是什么

谢谢

Answer 1

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

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

在 roots 入门主题中 add/edit css 的位置和方式

Where and how to add/edit css in roots starter theme

php

css

wordpress

gruntjs

npm