CSS代码a:访问不起作用

时间:2013-12-11 13:41:24

标签: html css hyperlink

我有一个漂亮的菜鸟问题,所以我希望有人可以帮助我。

我有一个Blogger博客,我无法获得我想要的功能链接。

我希望帖子内容和侧边栏中的链接 - 紫色阴影(#8B7083)和下划线 - 对于a:link和a:visited都看起来相同。由于某些原因,访问过的链接变黑了,即使我的CSS中没有任何内容。

请帮帮我?

1 个答案:

答案 0 :(得分:3)

在你的CSS中有它:

 .popular-posts .item-title a:link, a:hover, a:active, a:visited {
      color: black !important;
      text-decoration: none !important;
 }

尽量不要使用!important关键字,它会覆盖所有其他样式。使用特异性来确定要应用的样式:http://css-tricks.com/specifics-on-css-specificity/

看着你的选择者,我相信你可能不会像你想要的那样构建它们。你在找这个吗?

  .popular-posts .item-title a:link, .popular-posts .item-title a:hover,  .popular-posts .item-title a:active, .popular-posts .item-title a:visited

按照目前的情况,您的选择器中的最后三个段(a:hover,a:active和a:visited)正在选择那些具有这些状态的页面上的所有链接,因为您没有约束他们通过后代选择器。