0

私は他の投稿のヒントでこれに対する答えを見つけようとしています CSS Selector picker/finder? 私がやりたいことをするために見つけた最も近い部分的な解決策はこれです： 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 プラグインを使用しましたが、ご覧のとおり、すべての 2 番目の trs に特定の背景色を持たせたいと考えています。

また、 firebug を使用して、2 番目の tr セレクターのフル パスを取得しようとしました。

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

事前にご協力いただきありがとうございます。

注: 10 を超える評価ポイントが必要なため、stackoverflow にスクリーンショットを投稿できませんでした。ただし、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 に答える