Html 仅当存在上一个div时应用css规则

如果我有一个

div-a

和

div-b

，只有当

div-a

存在时，才有可能对

div-b

应用css规则吗？或者仅当存在div-b时才将规则应用于div-a？ （不使用jQuery）

..

通常情况下，不可以。除非

div-b

是

div-a

的子女或兄弟姐妹

对于任何后代：

.div-a .div-b

对于直系子女：

.div-a > .div-b

对于兄弟姐妹：

.div-a ~ .div-b

.div-a + .div-b

对于相邻兄弟姐妹：

.div-a ~ .div-b

.div-a + .div-b

看

请注意，这些关系仅以一种方式工作。在我上面提供的所有情况下，它们都应用于div-b，但仅当div-b位于div-a内部（子）或之后（同级）时。考虑到您的标记，您可以使用

同级

或

相邻同级

组合器来设置div-b的样式，但无法有条件地设置div-a的样式

---

我认为最好的选择是在包含div-b的父类中添加一个额外的类。然后，您可以简单地使用简单的组合选择器

.parent class.div-a

对其进行样式设置。

通常不会。除非

div-b

是

div-a

的子女或兄弟姐妹

对于任何后代：

.div-a .div-b

对于直系子女：

.div-a > .div-b

对于兄弟姐妹：

.div-a ~ .div-b

.div-a + .div-b

对于相邻兄弟姐妹：

.div-a ~ .div-b

.div-a + .div-b

看

请注意，这些关系仅以一种方式工作。在我上面提供的所有情况下，它们都应用于div-b，但仅当div-b位于div-a内部（子）或之后（同级）时。考虑到您的标记，您可以使用

同级

或

相邻同级

组合器来设置div-b的样式，但无法有条件地设置div-a的样式

---

我认为最好的选择是在包含div-b的父类中添加一个额外的类。然后，您可以简单地使用简单的组合选择器

.parent class.div-a

对其进行样式设置。

通常不会。除非

div-b

是

div-a

的子女或兄弟姐妹

对于任何后代：

.div-a .div-b

对于直系子女：

.div-a > .div-b

对于兄弟姐妹：

.div-a ~ .div-b

.div-a + .div-b

对于相邻兄弟姐妹：

.div-a ~ .div-b

.div-a + .div-b

看

请注意，这些关系仅以一种方式工作。在我上面提供的所有情况下，它们都应用于div-b，但仅当div-b位于div-a内部（子）或之后（同级）时。考虑到您的标记，您可以使用

同级

或

相邻同级

组合器来设置div-b的样式，但无法有条件地设置div-a的样式

---

我认为最好的选择是在包含div-b的父类中添加一个额外的类。然后，您可以简单地使用简单的组合选择器

.parent class.div-a

对其进行样式设置。

通常不会。除非

div-b

是

div-a

的子女或兄弟姐妹

对于任何后代：

.div-a .div-b

对于直系子女：

.div-a > .div-b

对于兄弟姐妹：

.div-a ~ .div-b

.div-a + .div-b

对于相邻兄弟姐妹：

.div-a ~ .div-b

.div-a + .div-b

看

请注意，这些关系仅以一种方式工作。在我上面提供的所有情况下，它们都应用于div-b，但仅当div-b位于div-a内部（子）或之后（同级）时。考虑到您的标记，您可以使用

同级

或

相邻同级

组合器来设置div-b的样式，但无法有条件地设置div-a的样式

---

我认为最好的选择是在包含div-b的父类中添加一个额外的类。然后，您可以简单地使用简单的组合选择器

.parent class.div-a

对其进行样式设置。

这取决于

div\u a

和

div\u b

的关联程度。如果

div-b

是

div-a

的子级，则有可能。然后您可以这样做：

div.a div.b{}

。我们可以知道目的吗？我添加了示例标记如果html将被呈现，您可以检查是否必须呈现

div-b

，在这种情况下，您可以添加一个css cls，如

div-b-exists

到

div.box

。这取决于

div\u a

和

div\u b

之间的关系。如果

div-b

是

div-a的子级

。然后您可以这样做：

div.a div.b{}

。我们可以知道目的吗？我添加了示例标记如果html将被呈现，您可以检查是否必须呈现

div-b

，在这种情况下，您可以添加一个css cls，如

div-b-exists

到

div.box

。这取决于

div\u a

和

div\u b

之间的关系。如果

div-b

是

div-a的子级

。然后您可以这样做：

div.a div.b{}

。我们可以知道目的吗？我添加了示例标记如果html将被呈现，您可以检查是否必须呈现

div-b

，在这种情况下，您可以添加一个css cls，如

div-b-exists

到

div.box

。这取决于

div\u a

和

div\u b

之间的关系。如果

div-b

是

div-a的子级

。然后您可以这样做：

div.a div.b{}

。我们可以知道目的吗？我添加了示例标记如果html将被呈现，您可以检查是否必须呈现

div-b

，在这种情况下，您可以将类似

div-b-exists

的css cls添加到

div.box

。