Affecting parent element of :focus#39;d element (pure CSS+HTML preferred)(影响 :focusd 元素的父元素(首选纯 CSS+HTML))
问题描述
当 <input> 或 <a> 为时,如何更改父 <div> 的背景:聚焦(或任何其他动态伪类?
How can I change the background of a parent <div> when an <input> or <a> is :focus'd (or any other dynamic pseudo-class?
例如
<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>
推荐答案
很遗憾,css 不支持父选择器.:(
所以唯一的方法就是使用像 jQuery 父方法这样的 javascript.
Unfortunately css doesn't support parent selectors. :(
So the only way to do it is to use javascript like the jQuery parent method.
更新:CSS 选择器 Level 4 将支持父选择器!http://www.w3.org/TR/selectors4/#subject
Update: CSS Selectors Level 4 will support parent selectors! http://www.w3.org/TR/selectors4/#subject
这篇关于影响 :focus'd 元素的父元素(首选纯 CSS+HTML)的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!
本文标题为:影响 :focus'd 元素的父元素(首选纯 CSS+HTML)
基础教程推荐
- jQuery File Upload - 如何识别所有文件何时上传 2022-01-01
- 为什么我在 Vue.js 中得到 ERR_CONNECTION_TIMED_OUT? 2022-01-01
- 如何使用sencha Touch2在单页中显示列表和其他标签 2022-01-01
- WatchKit 支持 html 吗?有没有像 UIWebview 这样的控制器? 2022-01-01
- 每次设置弹出窗口的焦点 2022-01-01
- Node.js 有没有好的索引/搜索引擎? 2022-01-01
- 什么是不使用 jQuery 的经验技术原因? 2022-01-01
- 如何在特定日期之前获取消息? 2022-01-01
- Javascript 在多个元素上单击事件侦听器并获取目标 2022-01-01
- 如何使用 CSS 显示和隐藏 div? 2022-01-01
