CSS 伪类 :focus 和 :active 在 IE8 中不能与 ~ 组合器一起使用
我对 CSS 伪类 :focus 或 :active 很困惑，因为它与 ie8 中的 :hover 配合良好，但不适用于 :focus 或 :active 。 像这样：
<!doctype html>
<head>
<style>
#target{ display:block; width:1em; height:1em; background:lightgreen; }
a[href="#target"]:focus~#target{ width:10em; height:10em; }
</style>
</head>
<body>
<a href="#target">target</a>
<div id="target" ></div>
</body>
</html>
当我使用 :active 替换 :focus 时，发生了同样的问题，但是 :hover 效果很好~ 当我使用 :focus 或 :active 而不使用 ~ 时，它也效果很好。很迷茫啊~ TX~
im so confused with the CSS Pseudo classes :focus or :active,because it works well with :hover in ie8 ,but don't work with :focus or :active.
like this:
<!doctype html>
<head>
<style>
#target{ display:block; width:1em; height:1em; background:lightgreen; }
a[href="#target"]:focus~#target{ width:10em; height:10em; }
</style>
</head>
<body>
<a href="#target">target</a>
<div id="target" ></div>
</body>
</html>
when i use :active to replace :focus,the same problem happened,but :hover works well~
when i use :focus or :active without ~ ,it works well too. that's confused~
TX~
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
仅当您使用 Tab 键获取所需链接时，才会发生标签的焦点。 :active 对于标签来说相当于 onmousedown。
:focus for a tags only happens when you use the tab key to get the link you want. :active for a tags is the equivalent of onmousedown.