样式化每个节点的 asp.net 树视图

Question

我正在尝试设置树视图的样式，其中父节点和子节点文本以不同的颜色显示。

问题是节点是链接并且使用 CSS 设置样式。

a, a:link, a:visited, a:active {
color: #823551;

}

以我想要的方式为子节点着色，但我的问题是如何覆盖父节点的样式属性？

另外，我如何将 CssClass 属性应用到 Treeview 控件而不定义整个页面的样式？

<Asp:Treeview CssClass="TreeView" ID="TreeView1" runat="server" ShowExpandCollapse ="false">
<ParentNodeStyle CssClass="parentNode" />
<LeafNodeStyle CssClass="leafNode"/>  
</Asp:Treeview>

我也尝试在 ParentNodeStyle 中设置 ForeColor 属性，但它不起作用。

有什么想法吗？

更新： 生成的 HTML，为冗长而道歉，所有这些都包含在 DNN 中：

根节点：

<a class="dnn_ctr424_View_TreeView1_0 rootNode dnn_ctr424_View_TreeView1_1" href="javascript:__doPostBack('dnn$ctr424$View$TreeView1','s2015')" onclick="TreeView_SelectNode(dnn_ctr424_View_TreeView1_Data, this,'dnn_ctr424_View_TreeView1n0');" id="dnn_ctr424_View_TreeView1n0" style="border-style:none;font-size:1em;">2015</a>

叶节点：

<a class="dnn_ctr424_View_TreeView1_0 leafNode dnn_ctr424_View_TreeView1_5" href="http://localhost:49357/newsletter/?newsID=5/test-dec" id="dnn_ctr424_View_TreeView1n1" style="border-style:none;font-size:1em;">14  December</a>

Answer 1

所有的父节点可以有相同的样式吗？ If so, this should do it.

.rootNode{
  color: red;
}

.leafNode {
  color: green;
}