Shopify 突出显示主导航栏上的项目

有没有办法只向菜单中的一个项目添加CSS？ 我想要写着“Tilbud”的东西变成绿色而不是黑色

您可以在此处看到该网站：

代码如下：

.nav-links {
        text-align: center;
        display: block;
        list-style: none;
        padding: 0;
        margin: 0;

    > li {
        text-align: center;
        display: inline-block;

        a {
            display: block;
            text-decoration: none;
            border-style: none;
            border-color: $color-lightgreen;
            color: black;
            background-size: 200% 200%;
            background-image: linear-gradient(to top, $color-lightgreen 50%, transparent 50%);
            -webkit-transition: background-position 300ms, color 300ms ease, border-color 300ms ease;
            -moz-transition: background-position 300ms, color 300ms ease, border-color 300ms ease;
            -ms-transition: background-position 300ms, color 300ms ease, border-color 300ms ease;
            -o-transition: background-position 300ms, color 300ms ease, border-color 300ms ease;
            transition: background-position 300ms, color 300ms ease, border-color 300ms ease;
            padding: 2rem;
        }
    }

如果allready已尝试此操作，但不起作用：

    nav.links > li > a[href$="/pages/sengetilbud"] {
  background-color: green; }

---

这似乎奏效了。这是正确的方法吗

        a {
            display: block;
            text-decoration: none;
            border-style: none;
            border-color: $color-lightgreen;
            color: black;
            background-size: 200% 200%;
            background-image: linear-gradient(to top, $color-lightgreen 50%, transparent 50%);
            -webkit-transition: background-position 300ms, color 300ms ease, border-color 300ms ease;
            -moz-transition: background-position 300ms, color 300ms ease, border-color 300ms ease;
            -ms-transition: background-position 300ms, color 300ms ease, border-color 300ms ease;
            -o-transition: background-position 300ms, color 300ms ease, border-color 300ms ease;
            transition: background-position 300ms, color 300ms ease, border-color 300ms ease;
            padding: 2rem;
        }
      a[href$="/pages/sengeudsalg"] {
color:green;
  font-weight: 900;
}