僅限於顏色定位：懸停不僅僅是錨點

-1

當使用僞選擇器：懸停時，顏色會發生變化（注意大的大樣式表，但不會被覆蓋）;但是當我將它應用到錨標籤本身時，它不適用。僅限於顏色定位：懸停不僅僅是錨點

CSS：

#testimonialContent { 
    width:640px; 
    position: relative; 
    height: auto; 
    padding-top: 15px; 
    font-size: 18px; 
    font-family: Gotham-Book, Arial; 
    color: #4d4d4f; 
    *padding-top: 0; 
} 
#testimonialContent span { 
    width: 600px; 
    letter-spacing: -1px; 
    letter-spacing: 0px\9; 
    float: right; 
    margin-top: -3px; 
    *margin-top: -30px; 

} 

#testimonialContent span strong { 
    position: relative; 
    letter-spacing: 0px; 
    display: block; 
    top: 8px; 
    font-size: 14px; 
} 
#testimonialContent a{ 
    font-size: 12px; 
    letter-spacing: 0px; 
    position: relative; 
    color: #86a53e; 
    margin-top: -10px; 
    float: right; 
} 
#testimonialContent a:hover{ 
    color: red; 
}

HTML：

<div id="testimonialContent"> 
    <br /><br /><br /><br /><br /><img id="quoteOne" src="http://www.qwertyuiop.co.uk/wp-content/themes/designworks2012/images/quote1.png"> 
    <span><?php 
     query_posts(array(
      'cat' => 39, 
      'order' => 'ASC', // ASCEND 
      'orderby' => 'rand', 
      'showposts' => 1, 
      )); 
     $wp_query->is_archive = true; $wp_query->is_home = false; 
     if (have_posts()) : while (have_posts()) : the_post(); 
     the_content(); 
     endwhile; endif; 


    ?> 
    <a href="#" id="nextQ">NEXT QUOTE</a> 
    </span> 
    <script> 
     var str = $('#testimonialContent').html(); 
     var x = str.replace("<p>",""); 
     $('#testimonialContent').html(x); 
     var x = str.replace("</p>",""); 
     $('#testimonialContent').html(x); 
    </script> 
</div> <!-- end testimonialContent -->

正如我說的，它沒有被覆蓋的地方往下樣式表。（放置在底部）。

編輯：

我有一個鏈接，這個鏈接上顯示黑色，但是在CSS color: #86a53e;應該針對它。它不是。然而，僞選擇器是針對錨，而普通錨不是。它會懸停紅色但顯示爲黑色。它不應該是黑色的。

來源

2012-11-05 zomboble

我不明白你的問題。 Id甚至沒有理解標題。你有什麼問題？您已將相同的顏色設置爲簡單鏈接及其懸停狀態：'#testimonialContent a {color：＃86a53e; } #testimonialContent a：hover {color：＃86a53e; '現在，什麼不按預期工作？ – feeela

查看我的編輯:) – zomboble

如果您使用的是谷歌瀏覽器，您可以使用開發工具來分析元素，並查看樣式是否被其他樣式規則覆蓋 - 這聽起來像是一種可能性值得展望.. – alimac83

那是因爲你aplyying確切的顏色相同，它的面前有：懸停：

#testimonialContent a{ 
... 
color: #86a53e; 
... 
} 

#testimonialContent a:hover{ 
**color: #86a53e;** 
}

如果你改變了第二，你會發現你想要的行爲。

來源

2012-11-05 11:16:33 Ikzer

對不起，懸停之前它顯示黑色應該顯示86a53a，懸停之一隻是爲了調試，以檢查它的目標在某種形狀或形式，編輯操作 – zomboble

僅限於顏色定位：懸停不僅僅是錨點

回答

相關問題