关于CSS 新伪类 :focus-within

原创 aqingxin 教程 CSS 356阅读 2017-12-10 20:34:35 举报

[p]在CSS中,:focus-within是一份全新的伪类,现在已近被列入CSS选择器中(CSS Level 4 selector),这个:focus-within就像
你们所知道的:focus或者:hover,:focus-within能够很方便处理获取焦点状态,当元素获得焦点时,这个:focus-within伪类就会起作用![/p]

用这个:focus-within来举一个简单例子

关于CSS新伪类:focus-within

关于CSS新伪类:focus-within

兼容性问题:

关于CSS新伪类:focus-within

总结:

评论 ( 1 )
最新评论
老姚 2017-12-11 10:24:41 1F

该选择器牛B的地方在于,可以通过子元素来操作父元素。虽然只能通过获得焦点的方式。
mdn上,我翻译了一下:
https://developer.mozilla.org/zh-CN/docs/Web/CSS/:focus-within