jquery - 在 Fancytree "extraClasses"中设置字体颜色不适用

Question

我的网络应用程序中有一个使用 fancytree 的树。除了对于某些节点我需要将字体颜色设置为红色之外，一切都运行良好。我在 JSON 中使用了 extraClasses，它完全适用于适当的节点，并且可以使用浏览器的调试器进行验证。

但是，虽然我可以轻松应用 font-style 和 background-color CSS 属性，但由于某种原因，字体颜色没有被传递到基本 >span.fancytree-title。相反，所有节点都是黑色的。

CSS:

span.OrgDataTreeNotChecked
{
    background-color: #EFFAFA;
    color: red!important;
    font-style: italic;
}

C# 生成相关的额外类:

if (org.Status == "NotChecked")
    item.extraClasses = "OrgDataTreeNotChecked";

在浏览器调试器中我可以清楚地看到这一点:

您可以在此处看到颜色已进入元素的属性中:

但是，当我突出显示 span.fancytree-title 时，我可以看到颜色被覆盖并改用黑色。

我尝试了各种方法，例如尝试在 Fancy 树的 .init 事件和文档就绪函数中覆盖 jQuery 中这些节点的颜色:

$(".OrgDataTreeNotChecked").closest(".fancytree-title").css({ "color": "red" });

我什至尝试了为所有 .fancytree-title 元素设置颜色的强力方法:

$(".fancytree-title").css({ "color": "red" });

这也没有效果。我没有什么想法。它只是不想应用字体颜色，而仅应用字体颜色。其他所有属性都工作得很好。救命!

Answer 1

经过多次尝试和错误，并使用 Chrome 的“检查元素”功能，以下是对我有用的方法:

span.OrgDataTreeNotChecked > span.fancytree-title {
    background-color: #EFFAFA;
    color: red!important;
    font-style: italic;
}

似乎在 extraClasses 字符串中指定的类被应用于包装 fancytree-title 范围的 fancytree-node 范围，因此使用右尖括号运算符“向下钻取”就可以了。