仅限于颜色定位：悬停不仅仅是锚点

-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

仅限于颜色定位：悬停不仅仅是锚点

回答

相关问题