Question

如果父级的类发生了变化，我可以以某种方式选择一组元素。就像在这些例子中一样父类可以是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;
}

Answer 1

是的，您可以根据父母选择元素：

.a .b {}

上述规则将选择.b内的所有.a元素。

<小时/>

HINT

您可以通过分组具有确切规则的选择器来压缩您的CSS：

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

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

Answer 2

这在CSS结构中称为父子关系，您可以按照NOX答案进行。

如果你想成为一个比下面更具体的结构将帮助你

使用#parent div.childAlertStateTrue

这样可以正常工作。

如果父类有一个类，则css选择一个类

2 个答案:

HINT