CSS 可以选择没有特定类或属性的元素吗？
可以编写 CSS 来选择缺少类或属性的元素吗？
当希望选择不具备类或属性的元素时，就会出现此问题特定的类或属性。例如，考虑下面的 HTML：
<html class="printable">
<body class="printable">
<h1 class="printable">Example</h1>
<nav>
<!-- Some menu links... -->
</nav>
<a href="javascript:void(0)" onclick="javascript:self.print()">Print me!</a>
<p class="printable">
This page is super interresting and you should print it!
</p>
</body>
</html>登录后复制
在这种情况下，我们的目标是选择没有“printable”类的元素，即 nav 和 a
解决方案：
传统上，可以通过将 :not() 伪类应用于类选择器来实现此目的：
:not(.printable) {
/* Styles */
}
:not([attribute]) {
/* Styles */
}登录后复制
但是，为了增强浏览器兼容性（IE8及以下缺少 :not() 支持），建议对元素进行样式化确实拥有“可打印”类别。如果这不切实际，则可能需要修改标记。
注意事项：
此规则中设置的属性可能会影响具有“printable”类的后代。例如，在 :not(.printable) 上设置 display: none 将隐藏它及其后代。相反，请考虑使用visibility:hidden以允许后代显示，同时保持原始布局。因此建议谨慎。
以上是CSS 可以选择没有特定类或属性的元素吗？的详细内容。更多信息请关注PHP中文网其他相关文章！
本站声明
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
热AI工具
Undresser.AI Undress
人工智能驱动的应用程序，用于创建逼真的裸体照片
AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。
Undress AI Tool
免费脱衣服图片
Clothoff.io
AI脱衣机
AI Hentai Generator
免费生成ai无尽的。
热门文章
R.E.P.O.能量晶体解释及其做什么（黄色晶体）
2 周前
By 尊渡假赌尊渡假赌尊渡假赌
仓库：如何复兴队友
4 周前
By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒险：如何获得巨型种子
3 周前
By 尊渡假赌尊渡假赌尊渡假赌
击败分裂小说需要多长时间？
3 周前
By DDD
R.E.P.O.保存文件位置：在哪里以及如何保护它？
3 周前
By DDD
热工具
记事本++7.3.1
好用且免费的代码编辑器
SublimeText3汉化版
中文版，非常好用
禅工作室 13.0.1
功能强大的PHP集成开发环境
Dreamweaver CS6
视觉化网页开发工具
SublimeText3 Mac版
神级代码编辑软件(SublimeText3)
