在CSS中添加活動狀態到導航欄

http://jsfiddle.net/DaJWC/ 我無法弄清楚如何使其中一個鏈接反向，以便以藍色開始。我也將如何做一個線下，你正在查看當前頁面的意願。在CSS中添加活動狀態到導航欄

ul#list-nav { 
 
    list-style: none; 
 
    margin-left: 45px; 
 
    padding: 0; 
 
    width: 525px; 
 
} 
 
ul#list-nav li { 
 
    display: inline 
 
} 
 
ul#list-nav li a { 
 
    text-decoration: none; 
 
    text-transform: capitalize; 
 
    padding: 5px 0; 
 
    width: 100px; 
 
    background: ; 
 
    color: #333; 
 
    float: left; 
 
    text-align: center; 
 
} 
 
ul#list-nav li a:hover { 
 
    background: ; 
 
    color: #09F 
 
}

<ul id="list-nav"> 
 
    <li><a href="index.html" class="active">Home</a> 
 
    </li> 
 
    <li><a href="#" class="border_left">About Us</a> 
 
    </li> 
 
    <li><a href="#" class="border_left">Portfolio</a> 
 
    </li> 
 
    <li><a href="#" class="border_left">Get a Quote</a> 
 
    </li> 
 
    <li><a href="#" class="border_left">Contact</a> 
 
    </li> 
 

 
</ul>

來源

2012-06-29 arranb

這看起來很直截了當。你有什麼嘗試，但沒有爲你制定的？另外，你的選擇器非常具體。對於你想要達到的目標可能會過度殺傷。 – MetalFrog

添加一個類到我想要選擇的項目，把它放到藍色，但它沒有工作 – arranb

您需要刪除：從你設置的顏色「懸停」。我會創建一個新的選擇器，如：ul＃list-nav li a {...}，然後你可以選擇顏色不懸停和懸停。 look at this。

來源

2012-06-29 16:22:41 dezman

你可以js小提琴請 – arranb

檢查它！我將ul＃list-nav li a中的顏色設置爲＃09F。在我原來的帖子中有一個鏈接。 – dezman

現在他們都是藍色 – arranb

在CSS中添加活動狀態到導航欄

回答

相關問題