2016-12-31 13 views
-3

私はCSSを学習しており、わかりにくい例で忙しいです。 私は自分の要素の背景を緑色で「アクティブ」にしたいと思っています。 要素はナビゲーションメニューのリンクです。CSSは要素に適用されていません

This is the HTML content of the element

And here is the CSS

あなたはので、私はそれから学ぶことができる私が間違って何をしたか、私に知らせてくださいもらえますか?

ありがとうございます!

+2

実際のコードではなく、 –

+0

あなたの場合、クラスをターゲットにするだけです。スタイルルールが有効である場合、これらのスタイルが他のスタイルルールでより厳密に指定されていないことを確認します。また、 'a'要素が' background-color'のように宣言された独自のスタイル規則を持っていないことを確認してください。 将来コードスニペットを最大限活用して、このような質問を投稿して、コードを見て、問題を再現し、より良い助けとなり、私たちにとって価値があるようにする必要があります。あなたの問題に対処し解決するのに時間をかけてください。 – UncaughtTypeError

+0

@Spanhaak私はあなたの問題を解決したと思う、私の答えを参照してください – ab29007

答えて

1

背景はliという要素の背景を設定していますが、aというタグはその上にあります。ですので、代わりに次のようにしてください:

li.active a{ 
    background-color:#00CC33; 
    color:blue; 
    border-color:#00CC33; 
} 
+0

@ Spanhaakこれはあなたの質問を解決すると思います。はいの場合は、私の答えの左側にあるチェックボックスをクリックして、私の答えを受け入れてください。 – ab29007

+0

ありがとうKittyCat! – Spanhaak

0

クラスを使用している場合は、#activeではなく.activeを使用する必要があります。 #を使用すると、クラスではないIDを示します。

+0

クリストファーがこれを指摘してくれてありがとう。 – Spanhaak

関連する問題