在根启动器主题中添加/编辑css的位置和方式

Question

所以我下载了root starter主题，已安装节点并运行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的引导样式这是我第一次看到更少，咕噜，npm等的体验，我觉得我不应该直接编辑assets/main.css文件。

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

由于

Answer 1

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

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