Css 为什么是;答:不是(b)>;";无效的
我有以下CSS: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选择器或伪类 问题
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秒:)