gpt4 book ai didi

CSS 伪类 :focus and :active not working with the ~ combinator in IE8

转载 作者:行者123 更新时间:2023-12-04 23:26:50 25 4
gpt4 key购买 nike

我对 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~

最佳答案

:只有当您使用 Tab 键获取您想要的链接时,才会对标签产生焦点。标签的 :active 相当于 onmousedown。

关于CSS 伪类 :focus and :active not working with the ~ combinator in IE8,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6665938/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com