ブートストラップ・メニュー・スタイリング

Question

CSSを使ってブートストラップ・ドロップダウン・メニューをどのようにスタイルするかは私の人生の中ではわかりません。

背景色を変更することはできますが、それだけです。リンクに下線はなく、ホバーの背景色は変わりません。私はまだ下向き矢印で始まっていない！何かアドバイス？

HERESにコードイムしよう：

#NAV .dropdown-menu { background-color:#273961; border-bottom: 5px solid #CCC;} 
#NAV .dropdown-menu>li>a:link { background-color:#273961;} 
#NAV .dropdown-menu>li>a:hover{ text-decoration: underline;} 

Answer 1

うまくいけば、このことができます。

ul.dropdown-menu { 
    border-bottom: 5px solid #CCC; 
} 

.dropdown-menu li:hover { 
    text-decoration: underline; 
} 

ドロップダウンメニューのリスト項目の背景色でやりたかったことを少し混乱させました。各リンク上にマウスを置いたときの背景色を変更する方法の例を次に示します。 CSS属性の後に！importantを使用すると、後続のルールを上書きしたい場合があります（ただし、これを行う最良の方法ではないかもしれません）。 希望の結果が得られるまで、Chrome開発ツールを開いて少しでも遊んでみることをおすすめします。あなたが指定した色とは異なる色にカーソルを移動したときにリスト項目の背景色を変更したいと思っています（＃273961）。

.dropdown-menu li a:hover { 
    background-color: red !important; 
}