css - 影响 :focus'd element (pure CSS+HTML preferred) 的父元素

标签 css focus css-selectors

<分区>

如何改变 parent 的背景<div><input><a>是 :focus'(或任何其他动态伪类?

例如

<div id="formspace">
<form>
<label for="question">
How do I select #formspace for the case when a child is active?</label>
<input type="text" id="question" name="answer"/></form></div>

最佳答案

您可以使用 has() :

div:has(input:focus), 
div:has(a:focus) {
    background: pink;
}

<罢工> 不幸的是,CSS 不支持父级选择器。 :( 所以唯一的方法就是像 [jQuery parent method][1] 这样使用 javascript。

更新: CSS Selectors Level 4 将支持父级选择器! http://www.w3.org/TR/selectors4/#subject

关于css - 影响 :focus'd element (pure CSS+HTML preferred) 的父元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2212583/

相关文章:

javascript - 为什么伪类:active work?没有

javascript - 如何使用标准的 javascript 方法选择节点数组

javascript - 使用 CasperJS/Javascript 提交表单?

css - 为什么这些 CSS 伪选择器会破坏 Chrome 开发工具?

javascript - 动画时图像叠加弹出

html - 在 Bootstrap 卡中转换图像

java - JButton & Action & KeyBinding

java - 如何防止 Java 图形程序在更新窗口时窃取焦点?

html - 自动对焦不适用于输入字段

JavaScript:在输入元素上设置焦点时 Internet Explorer 中的可见性错误