Question

我的下面的CSS只有一半有效吗？

div.share
{
    position:relative;
    top: -4px;
    left: 25px;
    font-family:Tahoma;
    background-color:#000000;
    font-size:11px;
    font-weight:bold;
}
/* share link css */
a.share:active
{
    color: #000000;

}
a.share:hover
{
    color: #FFFFFF;
    background-color:#000000;
    text-decoration: none;
}

div.share CSS全部正常，但active和hover的CSS不是

Answer 1

CSS有效，但请确保该链接确实具有“共享”类，如果它在DIV中，则将css更改为：

div.share a:active
{
        color: #000000;

}
div.share a:hover
{
        color: #FFFFFF;
        background-color:#000000;
        text-decoration: none;
}

Answer 2

添加你的html会让这更容易。

我只能猜测你有一个<div> class='share'而且<a>标签没有。

例如，你的HTML看起来像是：

 <div class='share'>
   <a class='share' href='http://yoursite.com'>Your site</a>
 </div>

或

 <div class='share'>
 </div>
 ...
 <a class='share' href='http://yoursite.com'>Your site</a>

如果是第一个，那么

div.share a:hover {
  ...
}

会更有意义。

如果是第二个，那么选择器看起来很好......尽管选择不同但合适的类名可能更好。

Answer 3

使用div.share a:active和div.share a:hover。

你现在拥有它的方式是寻找一个＆lt; a＆gt;直接应用共享类的标记。但是，共享类位于外部div上。

Answer 4

您能否使用此CSS向我们展示HTML代码段？是<a>标签真的是share类，还是嵌套在<div class="share">内？

风格的CSS工作但链接css没有

4 个答案: