0

我一直在尝试通过其他帖子 CSS 选择器选择器/查找器的提示来找到答案？ 我发现做我想做的最接近的部分解决方案是： http ://asp-net-example.blogspot.com/2009/04/how-to-set-change-treeview-parent-node.html

我需要的只是将所有父节点的背景颜色设置为#F0F0F0，正如您在上面的链接中看到的那样，下面的行只会为父区域设置背景颜色，但不会为整个行设置背景颜色。我想让所有父节点行具有相同的背景颜色。

<ParentNodeStyle Font-Bold="False" BackColor="#F0F0F0"/>

我还尝试了 nth-child 的不同组合，包括下面的行，但它不起作用：

table.trvFileTree tr:nth-child(2)
{
background-color: #F0F0F0;

}

我使用了 Dom Inspector 插件，如您所见，我希望所有 2nd trs 都具有特定的背景颜色。

另外，我尝试使用 firebug 获取第二个 tr 选择器的完整路径：

html body form#form1 div div.fullWidthWrp div.InnerfullWidth div.LCol div.InnerLCol div#trvFileTree.treeViewDim div#trvFileTreen0Nodes table tbody tr

非常感谢您提前提供的帮助。

注意：无法在 stackoverflow 上发布屏幕截图，因为它需要超过 10 个声望点。但是，我在 droplr 图像共享网站上发布了我需要的屏幕截图：http: //d.pr/i/OVIp

更新（下面的代码与我的代码几乎完全相同，但我决定只为树视图放置代码，以便代码只显示需要完成的操作）：

1) 这是 TreeviewExample.aspx ideone.com/3PXbSE的完整代码

2) 这是 TreeviewExample.aspx ideone.com/wpctLP的完整呈现标记

3）这是TreeviewExample.aspx d.pr/i/8ni6的浏览器视图截图

正如您将在#2 上看到的完整代码）与下面呈现的几乎相同（具有相同的表结构）

下面的标记是树视图控件生成的代码的一部分，并显示了我想要具有不同背景颜色的父节点行：（从 firebug 复制，仅扩展了一些重要节点，以便标记更易于阅读）

        <div id="trvFileTree" class="treeViewDim" style="width: 100%;">
        <table cellspacing="0" cellpadding="0" style="border-width: 0;">
            <tbody>
                <tr>
                <tr style="height: 0px;">
            </tbody>
        </table>
        <div id="trvFileTreen0Nodes" style="display: block;">
        <table cellspacing="0" cellpadding="0" style="border-width: 0;">
            <tbody>
                <tr style="height: 0px;">
                <tr> <%--This row contains a parent node, and I want to set the background color for all the row--%>
                <tr style="height: 0px;">
            </tbody>
        </table>
        <div id="trvFileTreen1Nodes" style="display: block;">
            <table cellspacing="0" cellpadding="0" style="border-width: 0;">
                <tbody>
                    <tr style="height: 0px;">
                    <tr> <%--This row also contains a parent node, and I want to set the background color for all the row--%>
                    <tr style="height: 0px;">
                </tbody>
            </table>
            <table cellspacing="0" cellpadding="0" style="border-width: 0;"> <%--These tables contain child nodes--%>
            <table cellspacing="0" cellpadding="0" style="border-width: 0;">
        </div>
        <table cellspacing="0" cellpadding="0" style="border-width: 0;">
        <div id="trvFileTreen5Nodes" style="display: none;">
            <table cellspacing="0" cellpadding="0" style="border-width: 0;">
                <tbody>
                    <tr style="height: 0px;">
                    <tr>
                    <tr style="height: 0px;">
                </tbody>
            </table>
        </div>
        <table cellspacing="0" cellpadding="0" style="border-width: 0;">
4

1 回答 1

0

如果我理解你的问题，我有东西给你。

试试这个：

table tr:not(:nth-child(2n)){
  background-color: #F0F0F0;   
}

小提琴

资料来源：

于 2013-04-24T08:51:08.447 回答