2014-03-13 84 views
0

如果我在我的導航欄的無序列表中設置樣式字體顏色,我該如何在特定元素上使用.class來搭配它?需要幫助造型活動鏈接

例如,這裏是我的導航:
首頁
服務
關於
聯繫我們

所以我在CSS的導航字體顏色設置爲#000。

現在,如果我只想搭配其中一個元素作爲特定顏色,我該怎麼做?因爲我嘗試在其中之一上使用課程,但它並沒有超過它。

+1

發佈您的CSS和HTML。 – j08691

+0

我在這裏發佈我的代碼很困難。儘管給我一分鐘,我會張貼它。 – John

回答

0

您可以使用:活動pseudo element

如果你的HTML是:

nav a { 
    color: #000; 
    font-size: 14px; 
    font-weight: 600; 
} 

nav a:hover { 
    color: #3e82f7; 
} 

nav a:active { 
    color: #db4437; 
} 

nav a:visited { 
    color: #ffeb3b; 
} 

如果你想指示用戶是在什麼頁面,你可能要構建你:

<nav> 
    <ul> 
     <li><a href="home.html">Home</a></li> 
     <li><a href="/services">Services</a></li> 
     <li><a href="/about">About</a></li> 
     <li><a href="/contact">Contact</a></li> 
    </ul> 
</nav> 

你可以用CSS做沿着這些路線HTML:

<nav> 
    <ul> 
     <li><a class="current-page" href="home.html">Home</a></li> 
     <li><a href="/services">Services</a></li> 
     <li><a href="/about">About</a></li> 
     <li><a href="/contact">Contact</a></li> 
    </ul> 
</nav> 

而且你的CSS:

nav a { 
    color: #000; 
    font-size: 14px; 
    font-weight: 600; 
} 
.current-page { 
    color: #3e82f7; 
} 
2

如果每個元素都根據自己的力,你可以設置這些李時珍這樣 李類=「家」的家庭裏,並在CSS的一個放。家裏{COLOR:#000},如果我讀的問題正確的,這應該有所幫助,如果不是對不起,我是新來的。這個我會寫在代碼中,但仍然需要熟悉這個網站。

+2

歡迎!許多人使用jsfiddle或codepen來說明需要HTML,CSS和JS的點,但如果答案是簡潔的(就像你的那樣),你使用的格式就完全沒問題。 – SwankyLegg