Css 为什么是;答:不是(b)>;";无效的

Css 为什么是;答:不是(b)>;";无效的,css,css-selectors,Css,Css Selectors,我有以下CSS: div.section:not(div.cover) > div { ... } 验证器说: Parse Error [div.cover) > div] 为什么它不进行验证(在浏览器中也不工作)?在伪类之后不允许>或者会有什么问题?正如@DanPrince在注释中指出的那样,不能在否定伪类:not()中组合类型选择器(div)和类选择器(.cover) 否定伪类必须包含: 简单选择器可以是类型选择器、通用选择器、, 属性选择器、类选择器、ID选择器或伪类 问题

我有以下CSS:

div.section:not(div.cover) > div { ... }
验证器说:

Parse Error [div.cover) > div]

为什么它不进行验证(在浏览器中也不工作)?在伪类之后不允许>或者会有什么问题?

正如@DanPrince在注释中指出的那样,不能在否定伪类
:not()
中组合类型选择器(
div
)和类选择器(
.cover

否定伪类必须包含:

简单选择器可以是类型选择器、通用选择器、, 属性选择器、类选择器、ID选择器或伪类


问题是
(封面)
。您需要提供一个简单的选择器,例如,
(.cover)

这是否与HTML绑定?如果是这样,请与我们分享您是否尝试过在
:not
内使用非复合选择器?例如,
:not(.cover)>div
?在@DanPrince的评论中添加:
div.section:not(.cover)>div{…}
而不是上面的内容如果我只写
。cover
而不是
div.cover
,那么使用一个简单的选择器就可以了。这就是问题所在,谢谢@汤姆,你也不需要使用
div.section
。除非您计划区分不同HTML元素之间的
.section
是什么,并且随着您的项目/解决方案升级
的使用,否则我不推荐使用它。section
可能会变得混乱。只需使用
.section
抱歉,我可以同时接受这两个选项,但Quantastical快了20秒:)