css - 次の要素だけでなく、すべての兄弟要素を選択します

Question

目的は、ホバーされたときに、同じタイプで同じレベルの他のすべての要素をターゲットにすることです。試してみました

a:hover ~ a

これがホバーされた要素の前の要素をターゲットにしていないことに注意するだけです...cssを使用した解決策はありますか？または私はどういうわけかこれから私の方法をjsする必要があります

Answer 1

これを行うには、CSSの代わりにjQueryを使用してホバー状態を切り替えます。

HTML：

​<div>
    <a href="#">Link 1</a>
    <a href="#">Link 2</a>
    <a href="#">Link 3</a>
</div>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

CSS：

div a {color: #000;}
div a.hover {color: #00f;}

jQuery：

$("div a").hover(
    function(){
        $("div a").addClass("hover");
    },
    function(){
        $("div a").removeClass("hover");
    }
);

フィドル