1

私のサイトには2つのdivがあり、クラスXがあります。各divは別のdivにあり、それぞれ異なるクラス、たとえばAとBがあります。

<div class="A">
    <div id="div1" class="X">something</div>
</div>

<div class="B">
    <div id="div2" class="X">something else</div>
</div>

これで、これらのdivのコンテンツは緑色になります。1つのcssクラス定義のみを使用して、両方のdivが緑色である必要があるとどのように言うことができますか？何かのようなもの：

.A .B > .X {
    color: green;
}

皆さんが私が何を意味するのか知っているといいのですが？

ありがとう！

4

2 に答える 2

6

ルールを分離する必要があります（あなたのように親を合成することはできません）：

.A > .X,
.B > .X {
    color: green;
}

上記の「要素にクラスがある場合、AまたはB直接の子にクラスXがある場合は、テキストの色をに割り当てますgreen。」

于 2012-10-29T12:40:35.493 に答える
1

使用するだけ

.A .X , .B .X
{
color:Green;
}

デモを見る

于 2012-10-29T12:41:45.703 に答える