导航栏上的活动课程无效jekyll

Question

我很难让.active类在我的网站上工作。通过jsfiddle显示很难，但here显示。这是我正在看的内容的图片。我不确定我应该将HTML中的哪个元素作为目标，因为我在这里拥有所有这些Liquid。

你可以看到我在index.html上并没有让“Hhome”按钮变黑。

这是我尝试但不起作用的不同变体。我不确定如何使用jekyll进行此工作，因为它在我提供服务时将该类分配为“活动”...

#navbar ul .active a
#navbar ul.active a
#navbar ul li a

Answer 1

此CSS规则应该有效：

#navbar ul .active > a {color: red;}

我们可以看到实际的网站吗？