影响 :focus'd 元素的父元素(首选纯 CSS+HTML)

Affecting parent element of :focus#39;d element (pure CSS+HTML preferred)(影响 :focusd 元素的父元素(首选纯 CSS+HTML))
本文介绍了影响 :focus'd 元素的父元素(首选纯 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)的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持跟版网!

本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!

相关文档推荐

:hover:before text-decoration none has no effects?(:hover:before text-decoration none 没有效果?)
Is CSS faster when you are specific?(当您特定时,CSS 会更快吗?)
CSS sibling selectors (select all siblings)(CSS 兄弟选择器(选择所有兄弟))
IE: nth-child() using odd/even isn#39;t working(IE:使用奇数/偶数的 nth-child() 不起作用)
How can I tell if an element is in a shadow DOM?(如何判断一个元素是否在影子 DOM 中?)
Can I use CSS to add a bullet point to any element?(我可以使用 CSS 为任何元素添加项目符号吗?)