导航栏上的活动课程不起作用答案

【问题标题】：Active class on navbar isn't working jekyll导航栏上的活动课程不起作用
【发布时间】：2017-10-22 15:24:52
【问题描述】：

我很难让 .active 类在我的网站上运行。很难通过 jsfiddle 展示，但 here 确实如此。这是我正在查看的图片。我不确定应该针对 HTML 中的哪个元素使其处于活动状态，因为我在这里拥有所有这些 Liquid。

您可以看到我在 index.html 上，它并没有使“Hhome”按钮变黑。

这是我尝试过但没有奏效的不同变体。我不确定如何使用 jekyll 进行这项工作，因为它在我服务时将类分配为“活动”...

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

【问题讨论】：

【解决方案1】：

这个 CSS 规则应该有效：

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

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

【讨论】：

这只是在我自己的虚拟机上，所以还没有在线。这是 default.html，我把它扔进了 jsfiddle 的 js 部分。jsfiddle.net/kbuoL6sm/11