彩色<a>默認情況下選項卡

我需要創建一個頁面，其中包含頂部的3個標籤鏈接。每個標籤鏈接都有2個狀態（活動或不活動），顏色代表每個狀態。打開頁面時，第一個標籤鏈接應該高亮顯示爲有效。點擊其他標籤鏈接時，第一個標籤上的顏色應該變回默認顏色（不活動）。我不知道該怎麼去解決，似乎也找不到正確的答案。彩色<a>默認情況下選項卡

<div id="tabs"> 
    <ul class="tabs-headers"> 
     <li> 
      <a href="">tab A</a> 
     </li> 
     <li> 
      <a href="">tab B</a> 
     </li> 
     <li> 
      <a href="">tab B</a> 
     </li> 
    </ul> 
</div>

來源

2014-01-09 Justin Othername

使用jQuery/JavaScript的，這就是我能爲幫助你還沒有試過 –

在CSS-文件，你可以聲明reflinks的外觀

a.tabmenu, a.tabmenu:visited, a.tabmenu:hover { color: blue } 
a.tabmenu:active { color: yellow }

這應該是你想要的

<li> 
    <a class="tabmenu" href="...">Tab A</a> 
</li>

來源

2014-01-09 07:50:38

謝謝，但這並沒有幫助我的問題。第一個tablink應默認高亮顯示爲活動狀態，無需點擊它。 –

彩色<a>默認情況下選項卡

回答

相關問題