Псевдоклассы CSS :focus и :active не работают с комбинатором ~ в IE8

я так запутался с псевдоклассами CSS :focus или :active, потому что он хорошо работает с :hover в ie8, но не работает с :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~


css css-selectors pseudo-class internet-explorer-8
person Defims    schedule 12.07.2011    source источник

Ответы (1)


arrow_upward
0
arrow_downward

:focus для тегов происходит только тогда, когда вы используете клавишу табуляции, чтобы получить нужную ссылку. :active для тегов эквивалентно onmousedown.

person Roger    schedule 27.12.2011