0

#match1にカーソルを合わせても変化しません#id1か? 両方がページの同じ div 要素にある場合は機能しましたが、#id1別の div 内にある場合は機能しなくなりました。

CSS のみを使用したいのですが、javascript を使用しないでください。

http://jsfiddle.net/fHZEN/

HTML

<div>
    <div id="id1">DIV</div> 
    <div id="id2">DIV</div> 
    <div id="id3">DIV</div> 
</div>


<div id="match1">a </div>
<div id="match2">b </div>
<div id="match3">c </div>

CSS

#id1:hover ~ #match3 {
  color: red;  
    font-weight:bold;
    font-size:40px;
}
4

2 に答える 2

0

スヴェンはその質問に答えませんでした。ユーザーは、ホバリングされた div ではなく、別の div で効果を作成するように要求しました。

、および演算子は~、異なるコンテナ間で関係を確立できる場合にのみ機能します。これが、両方が同じまたは中にある場合は適切に機能しますが、それ以外の場合はまったく機能しない理由です。+>div<body>

残念ながら、私が知る限り、この種のことを機能させるには、より複雑なスクリプトを使用するか、(可能であれば) 強制的に同じコンテナーを共有する必要があります。

于 2013-05-14T11:31:46.883 に答える