Php 在roots starter主题中添加/编辑css的位置和方式

所以我下载了roots starter主题，安装了node并运行npm安装等。我现在有了一个工作主题。当我修改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>

我必须为菜单页脚添加其他样式并编辑.nav navbar nav的引导样式这是我第一次查看less、grunt、npm等，我觉得我不应该直接编辑assets/main.css文件

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

谢谢

---

你在哪里放置你的自定义样式将根据你的样式而有所不同。例如，root附带一个.less文件专门用于主页，另一个专门用于设置页眉或页脚样式。这使您可以保持样式分离，并且更易于维护

CSS通常位于html标题中。你们读了我的问题吗？这就是为什么这会被认为是离题的原因@RaheelKhanI将从学习Grunt和如何运行Grunt开始，因为这是将LESS编译成CSS的方法。然后访问Roots博客了解一些how-to，然后查看Roots论坛，以获得更多针对Roots工作流的帮助。因此，与其将我的自定义样式添加到css文件中，我还必须在更少的文件上编写并编译它？正确。不要对CSS文件进行更改，因为在编译.less文件时，它们将被覆盖。