1

私はxulにこのコードを持っています：

<treechildren id = "mainTree_treechildren">
    <treeitem container="true" open="true">
        <treerow>
           <treecell label="&tree.actions;" />
        </treerow>
        <treechildren id="tree_actions_treechildren" >
            <treeitem container="true" open="true">
                <treerow>
                     <treecell label="&tree.actions.warnings;" />
                </treerow>
            </treeitem>
        </treechildren>
     </treeitem>
</treechildren>

そして私はそれをスタイリングするのに問題があります。mainTree_treechildrenidを持つ彼の子treechildrenのtreecellのテキストの色とtreecellのテキストの色を変える必要がありますtree_actions_treechildren。

現時点では、このcssコードがあります

#mainTree #mainTree_treechildren::-moz-tree-cell-text { color: #000000; }
#mainTree #tree_actions_treechildren::-moz-tree-cell-text { color: #FFFFFF; }

しかし、それは機能しません。mainTree_treechildrenを含む内部のすべての要素に対してのみ黒色が表示されます tree_actions_treechildren。

4

1 に答える 1

2

要素は実際には表示されていません。<treechildren>これらはツリーウィジェットのデータソースにすぎません（RDFやXMLファイルなどの他のデータソースも可能です）。したがって、それらのコンテンツを直接スタイル設定することはできません。個々のツリーセルのスタイルを変更する場合は、properties属性を使用する必要があります。このようなものが機能するはずです：

<treechildren id="mainTree_treechildren">
    <treeitem container="true" open="true">
        <treerow>
           <treecell label="&tree.actions;" />
        </treerow>
        <treeitem container="true" open="true">
            <treerow>
                <treecell label="&tree.actions.warnings;" properties="warning" />
            </treerow>
        </treeitem>
     </treeitem>
</treechildren>

そして対応するスタイル：

#mainTree_treechildren::-moz-tree-cell-text { color: #000000; }
#mainTree_treechildren::-moz-tree-cell-text(warning) { color: #FF0000; }

のようなCSSセレクターを使用すること#foo #barはお勧めしません。IDは常に一意であるため、セレクターで複数を指定すると速度が低下するだけです。

于 2012-07-03T12:22:39.870 に答える