我想编写一个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>
我想编写一个选择器来选择所有不具有“可打印”类 的 元素,在这种情况下,它们是 导航 和元素。 __
这可能吗?
注意:在实际的HTML中,我想使用此元素的元素将比 不 包含“可打印的”类的元素多得多(在上面的示例中,我发现这是另一种方式)。
通常,您将类选择器添加到:not()
伪类中,如下所示:
:not(.printable) {
/* Styles */
}
:not([attribute]) {
/* Styles */
}
但是,如果您需要更好的浏览器支持(IE8和更早的版本不支持:not()
),则最好为 确实
具有“可打印”类的元素创建样式规则。即使您对实际标记说了什么,即使这样做还是不可行,则可能必须围绕该限制来进行标记。
请的是,根据属性你在这个规则的设定,其中一些既可以由后代继承的头脑 是
.printable
,或以其他方式影响他们的这种或那种方式。例如,尽管display
未继承,但display: none
在a上进行设置:not(.printable)
将阻止其及其所有后代显示,因为它将元素及其子树从布局中完全删除。您通常可以通过使用visibility: hidden
替代方法来解决此问题,该方法将允许显示可见的后代,但是隐藏的元素仍然会像最初那样影响布局。简而言之,请小心。
问题内容: 我想编写一个CSS选择器规则,以选择 没有 特定类的所有元素。例如,给定以下HTML: 我想编写一个选择器来选择所有没有“可打印”类 的 元素,在这种情况下,它们是 导航 和元素。 __ 这可能吗? 注意:在实际的HTML中,我想使用它的地方将比 不 包含“可打印的”类的元素多得多(在上面的示例中,我发现这是另一种方式)。 问题答案: 通常,您将类选择器添加到伪类中,如下所示: 但是,
问题内容: 我正在处理CSS文件,发现需要设置文本输入框的样式,但是,我遇到了问题。我需要一个匹配所有这些元素的简单声明: …但不符合以下条件: 这是我想做的: 在上述CSS中,请注意第一个选择器是。我的意思是我要选择未指定type属性的所有输入框(因为它默认为文本,但不匹配)。不幸的是,我找不到CSS3规范中的此类选择器。 有人知道实现此目标的方法吗? 问题答案: :不是 选择器
问题内容: 我试图在ID或类’B’的元素中选择类’A’的第一个元素。我尝试了> +和第一个子选择器的组合,因为它不是类元素’B’中的第一个元素。它起作用了,但是…我试图覆盖一些默认的CSS,并且我无法控制服务器端,似乎类’A’元素有时在不同的位置生成。这是一个例子: 有时,“ B”类的名称有所不同,“ A”之前的元素也有所不同。那么,有什么方法可以选择元素“ C”中首次出现的“ A”吗?因为“ C
问题内容: 在XML文档中,我具有共享相同名称的元素,但是属性的值定义了它是什么类型的数据,并且我想从文档中选择所有具有特定值的元素。我是否需要使用XPath(如果可以,您是否可以建议正确的语法)还是有更优雅的解决方案? 这是一些示例XML: 我想选择类型为的所有子代标签的内容。 PS-我正在尝试使用PHP与Netflix API进行接口-这对我的问题无关紧要,但是如果您想提出一种更好的方法,我非
问题内容: 我想知道如何使用JavaScript(而不是jQuery)选择没有特定类的元素。 例如,我有以下列表: 然后通过以下方式选择完成的任务: 但是然后我不确定如何选择没有这些类的列表项。 问题答案: 这将选择第二个元素。 要么 例:
具有特定属性的HTML元素样式 具有特定属性的HTML元素样式不仅仅是class和id。 注意:IE7和IE8需声明!DOCTYPE才支持属性选择器!IE6和更低的版本不支持属性选择器。 属性选择器 下面的例子是把包含标题(title)的所有元素变为蓝色:[title] { color:blue; } 属性和值选择器 下面的实例改变了标题title='runoob'元素的边框样式:[title=r