Html 如果有两个以上的子对象可用,则更改父div样式(仅限CSS)

Html 如果有两个以上的子对象可用,则更改父div样式(仅限CSS),html,css,Html,Css,我想为两个div使用一个类,比如.outer,但是如果有两个以上的子元素,则父元素的样式不同 请参见所附示例 .outer1{ 边框:实心6px f00; } .outer2{ 边框:实心6px ccc; } 两个以上的孩子: 第一组 第二组 第三组 只有两个孩子: 第一组 第二组 ->请附上此代码。 ->每当您想在两个或多个元素中应用commaon类名时,您必须首先计算要更改设计的公共类的数量。 ->.类别名称:类别编号的第n个子编号 ->请查找以下示例 .外部:N-child1{ 边框:

我想为两个div使用一个类,比如.outer,但是如果有两个以上的子元素,则父元素的样式不同

请参见所附示例

.outer1{ 边框:实心6px f00; } .outer2{ 边框:实心6px ccc; } 两个以上的孩子:

第一组 第二组 第三组 只有两个孩子:

第一组 第二组
->请附上此代码。 ->每当您想在两个或多个元素中应用commaon类名时,您必须首先计算要更改设计的公共类的数量。 ->.类别名称:类别编号的第n个子编号 ->请查找以下示例

.外部:N-child1{ 边框:实心6px f00; } .外部:N-child2{ 边框:实心6px ccc; } 第一组 第二组 第三组 第一组 第二组
据我所知,这是不可能的CSS只,因为它会涉及到一个家长的选择。可以选择标记的第n个子项,但不能从第n个子项返回到标记。一种方法是选择第n个child3并更改其父对象的背景色。

这可以帮助您使用CSS,您不能后退。因此,无法基于父对象的子对象属性为父对象应用样式。您必须为孩子们应用样式或使用JS.error。没有办法知道第一个或第二个孩子将提前有多少,也没有办法知道是否会有其他孩子。