3

divの最初の子にホバーを使用して3番目の子に影響を与えようとしています。cssを使用してこれを行う方法を知っている人はいますか？

http://jsfiddle.net/boou28/fNxGa/

CSS

    /* works */
#firstp + p
{
background:#dddddd;
}

#firstp:hover + p
{
background:#ff0000;
}

#firstp + p + p
{
background:#dddddd;
}    

    /* doesnt work */

#firstp:hover + p + p
{
background:#ff0000;
}


HTML

<body>
<p>The first paragraph.</p>
<p>The second paragraph.</p>
<p>The third paragraph.</p>
</body>
4

2 に答える 2

3

http://jsfiddle.net/fNxGa/5/

あなたの

#firstp:hover + p + p

に

#firstp:hover ~ p ~ p

~+セレクターと同じように機能しますが、ホバーされた要素に続く~ものを選択するため、制限が少なくなります。次の兄弟 (ホバーされた要素の後) のみが選択されますp。+

于 2013-02-20T06:56:26.187 に答える
1

をコメントアウトしました

#firstp:hover + p
{
   background:#ff0000;
}

そして、それは機能しているようです（コメントがなくても）：
フィドル

于 2013-02-20T06:53:03.637 に答える