通常,您将类选择器添加到:not()
伪类中,如下所示:
:not(.printable) {
/* Styles */
}
:not([attribute]) {
/* Styles */
}
但是,如果您需要更好的浏览器支持(IE8和更早版本不支持:not()
),则最好为 确实 具有“可打印”类的元素创建样式规则。即使您对实际标记说了什么,即使这样做还是不可行,则可能必须围绕该限制来进行标记。
请的是,根据属性你在这个规则的设定,其中一些既可以由后代继承的头脑 是.printable
,或以其他方式影响他们的这种或那种方式。例如,尽管display
未继承,但display: none
在上设置:not(.printable)
会阻止它及其所有后代显示,因为它会从布局中完全删除元素及其子树。您通常可以通过使用visibility: hidden
替代方法来解决此问题,该方法将允许显示可见的后代,但隐藏的元素仍然会像最初那样影响布局。简而言之,请小心。