0

親のクラスが変更された場合、何とか要素のグループを選択できますか? これらの例のように。親クラスは、alertStateTrue または alertStateFalse にすることができます。

<div id="parent" class="alertStateTrue">
   <div class="childAlertStateTrue"></div>
   <div class="childAlertStateTrue"></div>
   <div class="childAlertStateFalse"></div>
   <div class="childAlertStateFalse"></div>
</div>

.alertStateTrue .childAlertStateTrue
{
   display: block;
}

.alertStateTrue .childAlertStateFalse
{
   display: none;
}

.alertStateFalse .childAlertStateTrue
{
   display: none;
}

.alertStateFalse .childAlertStateFalse
{
   display: block;
}
4

2 に答える 2

2

はい、親に基づいて要素を選択できます。

.a .b {}

上記のルールは、.b要素内のすべての要素を選択し.aます。

ヒント

正確なルールを持つセレクターをグループ化することで、CSS を圧縮できます。

.alertStateFalse .childAlertStateFalse,
.alertStateTrue .childAlertStateTrue {
   display: block;
}

.alertStateTrue .childAlertStateFalse,
.alertStateFalse .childAlertStateTrue {
   display: none;
}
于 2013-05-22T04:08:37.420 に答える