14

重複の可能性:
アクティブな子の親の複雑な CSS セレクター
CSS 親セレクターはありますか?

子要素に特定のクラスがあるかどうかに基づいて親クラスを設計する方法はありますか?

<div class="container">
   <div class="content1">
      text
   </div>
</div>

.

<div class="container">
   <div class="content2">
      text
   </div>
</div>

子クラスがまたは.containerであるかどうかに基づいて、最初の異なる方法で設計したいと考えています。JavaScript を使用しない、純粋な CSS ソリューションである必要があります。content1content2

4

3 に答える 3

5

いいえ、できません。CSS は、要素が空かどうかをチェックする場合を除いて、子に基づいて要素を選択することはできません。

于 2012-10-16T18:58:28.453 に答える
5

container1+contentとcontainer2+を使用しないのはなぜcontentですか?

<div class="container1">
    <div class="content">
      text
    </div>
</div>

<div class="container2">
    <div class="content">
        text
    </div>
</div>

そして、次のように CSS を記述します。

.container1 .content {
    /* Container 1 styles here */
}

.container2 .content {
    /* Container 2 styles here */
}
于 2012-10-16T19:00:26.857 に答える
4

あなたが求めているのは、神話上の CSS 親セレクターです。おそらくいつか。

于 2012-10-16T18:59:02.030 に答える