相关疑难解决方法(0)

怎么写:hover和:visited条件a:before？

我正在尝试,a:before:hover但它不起作用

我有一些灰色的社交网站图标.当您将鼠标悬停在它们上方时,我希望它们更改为适当的颜色(脸谱:蓝色,谷歌+:红色等).我玩过它,无济于事.这是代码:

  <li style="float:left;">
      <!-- start social bookmarks -->
      <div style="font-size: 32px; color: grey;">
      <i class="icon-facebook-sign" style="margin-left: 0px;"></i>
      <i class="icon-twitter-sign" style="margin-left: -12px;"></i>
      <i class="icon-linkedin-sign" style="margin-left: -12px;"></i>
      <i class="icon-google-plus-sign" style="margin-left: -12px;"></i>
      </div>
      <!-- end social bookmarks -->
    </li>

如何才能将下划线仅应用于a元素而不应用于:after？

使用下面的CSS,可以控制:after元素之后的颜色:悬停.但是,文本修饰无法更改.

这是解释问题的jsfiddle:

http://jsfiddle.net/JfGVE/500/

这是CSS:

a {
    color: green;
    text-decoration: none;
}
a:hover {
    color: green;
    text-decoration: underline;
}
a:after {
    font-family: FontAwesome;
    content: "\f061";
}

a:hover:after {
    color: orange;
    text-decoration: none !important;
}

我需要一个默认情况下只显示两行代码的CSS,但是当用户将鼠标悬停在其上时,其余的文本将被显示.

例如 :

它默认情况下应该是这样的:

当用户将鼠标悬停在它上面时应该是这样的:

如您所见,当用户将鼠标悬停在其上时会显示其余文本,但默认情况下,只会显示两行产品名称

什么是css技巧？

谢谢