覆盖Jekyll中的特定css属性

Question

我的问题

我正在构建一个简单的Jekyll博客。我已将标题图像更改为浅色图像，因此我想将导航栏字体颜色更改为黑色，仅适用于index.html页面（其他页面应显示默认的白色）。

我尝试过什么

Adding a .css file to the css directory：

.navbar-brand {
  font-size: 4.2em
}

它不起作用，同一目录中的.scss文件也没有。

我的问题

如何覆盖主题的CSS规则？如何将不同的CSS应用于主页和帖子？