colors - Kendo UI 菜单 - 仅更改顶层而不是子菜单的文本颜色？

Question

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

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

而且我只想更改顶级菜单项“运动”和“娱乐圈”的颜色。目前我正在使用：

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

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

Answer 1

使用以下定义：

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

#menu顶部菜单的在哪里id。有了这个，我们将范围限制在li直接从顶部列表挂起的那些和它的第一个链接。

在此处查看示例：http: //jsfiddle.net/OnaBai/zxpsk8zm/