Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
CSS:not()选择器。如果父项不存在,则应用样式_Css_Css Selectors - Fatal编程技术网

CSS:not()选择器。如果父项不存在,则应用样式

CSS:not()选择器。如果父项不存在,则应用样式,css,css-selectors,Css,Css Selectors,我正在尝试基于其父类将样式应用于div。我正在使用:not()选择器选择其父级不是.container1的div,第二个div应该是红色的,但它不工作 示例1 .myDiv:not(.container1)>.myDiv{ 颜色:红色; } 第一组 第2组 CSS不能像那样进行“父查找”。您需要将结构反转为以下内容: .my-container:not(.container1) .myDiv 当然,您需要将共享的my container类添加到所有感兴趣的“parent”div中 您选择了

我正在尝试基于其父类将样式应用于div。我正在使用:not()选择器选择其父级不是
.container1
的div,第二个div应该是红色的,但它不工作

示例1

.myDiv:not(.container1)>.myDiv{
颜色:红色;
}

第一组
第2组
CSS不能像那样进行“父查找”。您需要将结构反转为以下内容:

.my-container:not(.container1) .myDiv

当然,您需要将共享的
my container
类添加到所有感兴趣的“parent”div中

您选择了错误的元素。无法进行反向查找,请参见此处:

div:not(.container1)>.myDiv{
颜色:红色;
}

第一组
第2组

第一个示例非常离谱-
.myDiv:not(.container1)
表示包含其中一个类但不包含另一个类的元素。您实际上是在尝试匹配另一个
.myDiv
的子级
.myDiv
。第二个例子恰好是选择器-4的一个新添加,因此目前不太受支持,但一旦它被支持,它将完全满足您的需求。