2016-12-31 203 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