2

子要素の属性を取得し、その要素の値に基づいて親のスタイルを設定するために使用できる CSS セレクター メソッドはありますか?

例えば;

<div class="bigparent">
    <div class="message">
        <div class="iconcontainer">
            <div class="iconitself" label="thisone"></div>
        </div>
        <div class="textcontainer">
            <div class="text"></div>
        </div>
    </div>

    <div class="message">
        <div class="iconcontainer">
            <div class="iconitself" label="thatone"></div>
        </div>
        <div class="textcontainer">
            <div class="text"></div>
        </div>
    </div>
</div>

最初の .message .iconcontainer .iconitself ラベルを取得し、その .message 親の CSS を編集する必要があるとします。これは CSS で可能ですか、それとも JS に頼る必要がありますか?

それさえ可能なら。前もってありがとう、みんな〜

PS; CSSテーマを書いているだけなので、HTMLを変更することはできません。また、FireFox でのみ必要なので、クロスブラウザーの心配はありません。

4

1 に答える 1

2

いいえ、できません.. まだ。CSS4 Selectors Specは、ルールの対象を選択する方法を示していますが、どのブラウザーにも実装されていません。注意してください、うまくいけば、すぐにこれを行うことができます(仕様から)

たとえば、次のセレクターは、順序付きリスト OL の一意の子であるリスト アイテム LI を表します。

OL > LI:only-child

ただし、次のものは、一意の子を持つ順序付きリスト OL を表し、その子は LI です。

!OL > LI:only-child

于 2013-06-18T21:57:53.090 に答える