我想编写一个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>
我想编写一个选择器来选择所有没有"可打印"类的元素,在这种情况下,它是nav和元素.
这可能吗？
注意:在我想要使用它的实际HTML中,将会有更多的元素没有 "可打印"类而不是(我在上面的例子中意识到它是另一种方式).
我最近一直在研究CSS选择器,并且遇到了关于新的"data-*"属性的问题.
我理解为了选择具有数据属性的元素,有几种方法可以解决它:
[data-something='value']{...} // data-something has value = 'value'
[data-something^='value']{...} // data-something has value that STARTS with 'value'
[data-something*='value']{...} // data-something has value with 'value SOMEWHERE in it
这些还有其他变体,但我的问题涉及CSS选择器,它们可以定位只具有"数据"属性的元素.更具体地说,是否有一个CSS选择器可以定位具有任何"数据"属性的元素？
虽然不正确,但我想的是:
[data]{...}
我一直在搜索Google,但还没有找到关于该属性的通用选择器的任何内容.