0

次の CSS と HTML があります。

.moods a#Action:hover{background: red;};
.moods a#Comedy:hover{background: orange;};

 <div class='moods'>
     <a id='Comedy'>want to laugh</a>
     <a id='Action'>edge of the seat</a>
     <a id='Science Fiction'>it's all fantasy</a>

</div>

何らかの理由で、css は最初の選択にのみ影響します。たとえば、この場合、ホバーすると Action だけが赤くなります。ただし、アクションの前にコメディを配置すると、カーソルを合わせるとコメディがオレンジ色になります。

誰でも問題を解決できますか?

ありがとう

4

1 に答える 1

5

右中括弧の後のセミコロンを削除します。彼らはあなたの 2 番目のルールを妨害しています。

.moods a#Action:hover{background: red;}
.moods a#Comedy:hover{background: orange;}
于 2012-09-27T13:18:50.187 に答える