2013-08-22 18 views
0

我有一個樣式的導航欄上的鏈接,但它的樣式在網站中的所有其他鏈接,所以我定義div「菜單欄」作爲選擇器盈方的鏈接和訪問選擇器,但它仍然設置網站中的所有鏈接。任何解決方案將不勝感激。風格樣式的鏈接,它不應該是

CSS:

#menubar a:link, a:visited 
{ 
    border-top-width: 1px; 
    display: block; 
    font-weight: bold; 
    color: #000000; 
    background-color: #EFF1EB; 
    width: 180px; 
    text-align: center; 
    padding: 4px; 
    text-decoration: none; 
    text-transform: uppercase; 
    border-style: solid; 
    border-color: #638529; 
    font-family: Arial, Helvetica, sans-serif; 
    border: 1px; 
    position: fixed; 
} 

回答

2

你的選擇是錯誤的,換到這一個:

#menubar a:link, #menubar a:visited /* width #menubar after the comma */ 

你最初的選擇,#menubar a:link, a:visited表示:「在#menubar整個所有環節和所有訪問過的鏈接文件」。逗號啓動一個全新的選擇器,因此您必須將父項也包含在第二個選擇器中。

+0

非常感謝它工作 – Rob

+0

@Rob高興幫助隊友:) –

1

我認爲@Yotam是正確的。

另一個想法如何調試。我使用Firefox內的Web開發工具欄。它有很多工具,一個是檢查頁面。使用其中一個來查看樣式(我喜歡3D視圖),在那裏您可以按html元素,在您的情況下鏈接。在頁面旁邊,它列出了樣式表定義。該訂單顯示活動樣式。 Top是活動的,而其他的則是較低並被覆蓋。

在這種情況下,您可能會看到,如果您的按鈕具有您想要的正確定義。