是否有某种“非” CSS选择器?
例如,当我在CSS中编写以下行时,带有类 classname 的标记内的所有输入字段将具有红色背景。
.classname input {
background: red;
}
如何选择 类 名为class的标签之外的所有输入字段?
使用当前的浏览器CSS支持,您将无法。
_较新的浏览器现在支持它-
(有关CSS中的替代方法,请参见其他答案。)
如果可以在JavaScript / jQuery中执行此操作,则可以执行以下操作:
$j(':not(.classname)>input').css({background:'red'});
问题内容: CSS中是否有类似!=(不相等)的内容?例如,我有以下代码: 但是对于某些输入,我需要使此无效。我想通过在输入标签中添加“重置”类来做到这一点,例如 然后只需从CSS跳过此标签即可。 我该怎么做? 我能看到的唯一方法是在输入标签中添加一些类,然后按如下所示重写CSS: 问题答案: 在CSS3中,您可以使用过滤器, 但是并不是所有的浏览器都完全支持CSS3,因此请确保您知道自己正在做什么
问题内容: 如何选择锚元素的直接父元素? 例如,我的CSS将是这样的: 显然,可以使用JavaScript进行此操作,但是我希望CSS Level 2本身具有某种解决方法。 我正在尝试设置样式的菜单已由CMS弹出,因此我无法将活动元素移动到元素…(除非我将菜单创建模块作为主题,但我不希望这样做)。 有任何想法吗? 问题答案: 当前无法在CSS中选择元素的父级。 如果有办法,可以在当前的CSS选择器
问题内容: 只有子元素存在时,我才能使用css选择器吗? 考虑: 我只想在div没有至少一个子元素的情况下应用div 。 我可以使用的任何选择器吗? 问题答案: 甚至文本节点也将导致父节点不被认为是空的,因此DIV中的UL将阻止DIV被匹配。 如果您执行脚本路线: 当然,jQuery使这样的任务变得更容易,但是这一任务不足以包含整个库。
问题内容: 我已经看过几次CSS代码中使用的“大于”(),但是我无法弄清楚它的作用。它有什么作用? 问题答案: 选择直系子女 例如,如果您有这样的嵌套div: 然后在样式表中声明css规则,如下所示: 您的规则仅适用于具有“中级”类的div,因为这些div是元素为“外部”类的元素的直接后代(直接子代)(当然,除非您声明其他更具体的规则来覆盖这些规则) 。见小提琴。 边注 如果您>>`。 注意:IE
主要内容:1. 通用选择器,2. 标签选择器,3. ID 选择器,4. 类选择器,5. 后代选择器,6. 子选择器,7. 相邻兄弟选择器,8. 通用兄弟选择器,9. 分组选择器,10. 属性选择器选择器由 HTML 元素的 id、class 属性或元素名本身以及一些特殊符号构成,用来指定要为哪个 HTML 元素定义样式。选择器是 CSS 样式规则中重要的组成部分,我们可以将选择器看作是 CSS 样式与 HTML 元素之间的匹配模式,与选择器关联的样式规则会应用于选择器所指定的 HTML 元素上。
问题内容: 我想设置不在标签内的元素的样式。 什么是实现此目标的最佳方法? 似乎根本不起作用,至少在Chrome上不起作用,即使看起来应该如此 我也无法从控制台运行它。 我还有其他可用于CSS的方法吗? 问题答案: 不支持组合器选择器。 如果我们在谈论它的直接父: 否则,无法在CSS中执行此操作。您必须重写它: