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

如果父类发生更改，我可以选择一组元素吗。就像这些例子。 父类可以是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;
}

.alertStateTrue.childAlertStateTrue
{
显示：块；
}
.alertStateTrue.childAlertStateFalse
{
显示：无；
}
.alertStateFalse.childAlertStateTrue
{
显示：无；
}
.alertStateFalse.childAlertStateFalse
{
显示：块；
}

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

.a .b {}

上述规则将选择

.a

元素中的所有

.b

元素

---

暗示 您可以通过对具有精确规则的选择器进行分组来压缩CSS：

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

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

---

这在CSS结构中称为父子关系，您可以按照以下步骤进行操作

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

使用您的#父div.childAlertStateTTrue

---

这很好。

没有收到您的question@Mr.如果我将类添加到父类中，则应该隐藏或显示一些子类。以前尝试过相同的方法，但不起作用。我想我打错了。谢谢你的提示。