2011-06-24 188 views
0

在下面的測試現場(http://tronitech.brettatkin.com/index.asp)活躍的狀態,我想每個導航元素具有不同的外觀時,它是活動頁面。CSS問題 - 用於導航項目

我已經分配一個類的錨定元件時該網頁處於活動狀態。

當我添加CSS內聯,它的工作原理(主頁爲例),但是當我在一個類中刪除它沒有。

這裏是我的CSS:

#navigation ul li .active-link a { 
    color: #326ea1; 
    background-image: url(/images/nav-current.jpg); 
    background-repeat: repeat-x; 
} 

我認爲這是一些與繼承,但我沒有看到這個問題...

感謝

佈雷特

回答

2

變化您選擇以下

#navigation ul li a.active-link 

a .active-link嘗試將錨定標記與類別爲active-link的子項進行匹配。 a.active-link將錨標籤與類active-link匹配。

+0

修正了它。謝謝! – Brett

1

它不是#navigation ul li .active-link a但它應該是#navigation ul li a.active-link。第一條規則說鏈接是類active-link的後綴,第二條說鏈接類active-link - 這是你的標記。

其實這兩種選擇都太長了。

+0

它們應該如何縮短?謝謝 – Brett

+0

「#navigation a」和「#navigation .active-link」(按此順序)就足夠了。 – Litek

+0

我不需要a。在.active-link之前? – Brett