私は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を置き換えると、同じ問題が発生しますが、:focusまたは:activeを〜なしで使用すると、:hoverは正常に機能します。混乱します〜TX〜