cssのホバーが動作しない

Question

私のコードを見て、ホバーがうまく動作しない理由を教えてください、ありがとう！それはありませんので、それは基本的に常に点滅または何もしませんので、

<style> 
#moreDiscussHome:hover{ 
      background-color: #ffffff; 
} 

</style> 
<a id="moreDiscussHome" style="color:#f1f7f8;background-color:#12a1b7;" href="">more discussions</a> 

Answer 1

まあ、とすぐにdisplay: none;が適用されると、あなたは、要素をホバリングされなくなりました。

は、おそらく代わりに*不透明度を試してみてください：

#moreDiscussHome:hover { 
    opcaity: 0; 
} 

注要素はまだそれはあなたが望むものではない可能性がある、これにレイアウト内のスペースだ保持...しかし、私は正直に何かわからないことこれで達成しようとしています。

サイドノート：他のインラインスタイルをスタイルシートに移動しない理由はありません。

これは機能しません。#moreDiscussHome：hover {background-color：#ffffff; }

EDIT：私は強く促すあなたはCSSファイルにすべてのインラインスタイルを移動します。他の理由がない場合は、背景色を適用しようとしているように思われるいくつかの問題を回避します。ショートカットは当時より簡単に見えるかもしれませんが、言い方を変えて："Shortcuts make for long delays"。

_{* に対応すると、display:noneと同じであるため、動作しません。先端のthirtydotに感謝します。}