2013-07-12 52 views
1

我正在複製Google主頁(用於練習),並遇到一些問題。更改ID中的鏈接和字體顏色

這裏是我的jsfiddle:http://jsfiddle.net/sdaless/kTn7j/

我試圖讓我的文字顏色:白色和文字修飾爲無。無論我把這兩個命令放在哪裏,它們都不會改變。我不知道我是否有繼承問題,或者我的問題可能是什麼。在任我#nav-container ID或#navlist

color: white; 
text-decoration: none; 

:從我的理解,我想我可以把。

+3

你需要的目標連結http://的jsfiddle達網絡/ kTn7j/2 / – Morpheus

回答

2

兩個去掉下劃線,使文本顏色白適用於定位標記

ul#navlist li a{ 
    color:#fff; 
    text-decoration:none; 
} 
1

製作基於列表的菜單時,與位置無關的所有樣式都應放在A標籤上,而不是LI,並使用display:block

2

試試這個

#nav-container ul li a{ 

color: white; 
text-decoration: none; 
} 

DEMO

1

您需要更改這個選擇:

#navlist li 

對此(針對標籤)

#navlist li a 
0

的文本出席側anchor標記,因此該css應該應用於a標記。試試這個CSS

#nav-container { 
    background-color:#000; 
} 

#navlist li { 
    display: inline; 
    list-style-type: none; 

} 
#navlist li a{ 
     color:#fff; 
     text-decoration:none; 
} 

檢查此琴:http://jsfiddle.net/Kritika/KnS8s/