如何使鏈接文本更改顏色而不是下劃線時懸停超過

我有這個菜單，我設置了它，並強調當盤旋時，但我希望它改變顏色，這是我的WordPress主題的默認顏色。標題「BOLI STYLUS」改變了我想要的顏色。如何使鏈接文本更改顏色而不是下劃線時懸停超過

這裏是標題代碼：

<hgroup> 
       <h1 id="site-title"><span><a href="<?php echo esc_url(home_url('/')); ?>" title="<?php echo esc_attr(get_bloginfo('name', 'display')); ?>" rel="home"><?php bloginfo('name'); ?></a></span></h1> 
       <h2 id="site-description"><?php bloginfo('description'); ?></h2> 
      </hgroup>

這裏是菜單：

這裏是它的style.css代碼：

.header_nav ul{ 
    margin: 0; 
    padding: 0; 
    text-align: center; 
    } 

.header_nav ul li{ 
    display: inline; 
    } 

.header_nav ul li a{ 
    float: center; 
    padding: 10.5px 11px; 
    } 

.header_nav ul li a:hover, .menu ul li .current{ 
    color: #50a9cb; 
    }

這裏是header.php代碼：

<div class="header_nav"> 
       <ul> 

          <li><a href="/pages/glifoptions">BOLI</a></li>  

          <li><a href="/products/cosmonaut">BOLI+</a></li> 

          <li><a href="/pages/about-us">ABOUT US</a></li> 

          <li><a href="/pages/faq">FAQ</a></li> 

          <li><a href="/pages/press">PRESS</a></li> 

        <li><a href="/cart">YOUR CART (0)</a></li> 
       </ul> 
      </div>

來源

2011-12-09 novicePrgrmr

應該懸停http://jsfiddle.net/64Wsq/改變顏色。我猜它正在被其他一些CSS覆蓋。你的CSS的其餘部分在哪裏？快照與發佈的CSS不匹配。 –

什麼是'float：center'？不在CSS2.1中。另外，'a：hover'中的顏色應該有效 - 這裏有什麼問題？ – derobert

@Interstellar_Coder我正在使用兒童主題，父主題.css太大而無法發佈。 – novicePrgrmr

您可以使用以下規則，並用您所需的顏色替換XXXXXX。我假設你想保持同樣的風格，即選擇的項目也有相同的風格，當你把它懸停。

.header_nav ul li a:hover, .menu ul li .current 
{ 
    color: #XXXXXX; /* replace with real value */ text-decoration: none; 
}

來源

2011-12-09 02:22:55 wsanville

http://jsfiddle.net/nYyxm/ – Jasper

當你懸停它，你已經表現出確實彩色文本的代碼。但是，它也強調了這一點。要更改該添加文字修飾：無;就像我下面做的那樣。

.header_nav ul li a{ 
    float: center; 
    padding: 10.5px 11px; 
    **text-decoration: none;** 
    }

有關完整代碼，在這裏看到：

http://jsfiddle.net/8KPcy/1/

來源

2011-12-09 02:28:08 vlasits

看看他的屏幕截圖。 –

如何使鏈接文本更改顏色而不是下劃線時懸停超過

回答

相關問題