1

私は記事要素のグループを持っています。n番目の子を使用して、奇数の要素の背景色を青に設定し、残りを赤に設定します。

ここを参照してください：http：//jsfiddle.net/8KFwh/4/

記事の要素の1つだけにカーソルを合わせると、すべての記事要素の背景色を白に変更できるようにしたいと考えています。さらに、カーソルを合わせると背景色が緑に変わり、1つを除くすべての記事要素が白のままになります。

JSで簡単にできることは知っていますが、CSSでできるかどうか知りたいです。

ありがとう、どんな助けでも大歓迎です:)

4

2 に答える 2

6

こういう意味ですか？http://jsfiddle.net/mkoistinen/8KFwh/5/

于 2012-04-26T15:59:25.150 に答える
6

すべての記事を次のようなdivでラップする場合

<div class="hover-test">
    <article class="post">ABC</article>
    <article class="post">ABC</article>
    <article class="post">ABC</article>
    <article class="post">ABC</article>
</div>

このCSSを使用すると、それが可能になります。

.post:hover {
background-color:green;
}

.hover-test:hover .post {
background-color: white;
}

.hover-test:hover .post:hover {
background-color: green;
}

ただし、これはおそらくすべてのブラウザで機能するとは限りません。

于 2012-04-26T16:07:40.383 に答える