Colors 剑道UI菜单-仅更改顶层而非子菜单的文本颜色'；s

我有一个类似以下的菜单：

---> Sport
    ---> Football
        ---> Players
        ---> Rules
    ---> Cricket
    ---> Baseball
---> Showbiz

我只想更改顶级菜单项“Sport”和“Showbiz”的颜色。 目前我正在使用：

.k-menu .k-item .k-link{
    color:#FFFFFF !important;
}

---

但这会改变顶层和“足球”的颜色，因为它有子菜单。但我不希望“足球”发生变化。

使用以下定义：

#menu > li.k-item > span.k-link{
    color:red !important;
}

其中

#menu

是顶部菜单的

id

。这样，我们将范围限制在直接挂在顶部列表及其第一个链接上的

li

---

这里有一个例子：

非常感谢，但有一个问题确实很有帮助。你能试着交换一下“体育”和“娱乐圈”的位置吗？因为我刚刚试过（为了排序），第一个菜单选项“娱乐圈”不会改变颜色。