我可以在链接中添加一个类吗?

时间:2014-11-27 11:55:18

标签: html css

我想要做的就是在链接中添加一个类,以更改链接文本的颜色。这可能吗?它不适合我:

<a href="mailto:xyz.co.uk" class="black_link">xyz.co.uk</a>

.black_link a:link { color:black;}
.black_link a:visited { color:black;}
.black_link a:hover { color:pink;}
.black_link a:active { color:pink; }

由于

4 个答案:

答案 0 :(得分:1)

您的CSS不正确。使用如下所述的选择器:

a.black_link:link { color:black;}
a.black_link:visited { color:black;}
a.black_link:hover { color:pink;}
a.black_link:active { color:pink; }
<a href="mailto:xyz.co.uk" class="black_link">xyz.co.uk</a>

答案 1 :(得分:1)

如果您要全局定位<a> tag,请使用

a:link { color:blue;} 
a:visited { color:black;} 
a:hover { color:pink;} 
a:active { color:pink;} 

如果您在<a> tag中使用课程,则可以通过两种方式进行。

1st
   a.black_link:link { color:blue;} 
   a.black_link:visited { color:black;} 

2nd
  .black_link:link{color:blue;}
  .black_link:visited{color:pink;}

答案 2 :(得分:0)

删除descendant combinators

a.black_link:link { … }

答案 3 :(得分:0)

您的CSS不正确,您的css .black_link a将选择所有<a>元素,这些元素是具有.black_link类的元素的后代。在这种情况下,您应该使用a.black_link之类的代码。您可以将css更改为:

a.black_link:link { color:black;}
a.black_link:visited { color:black;}
a.black_link:hover { color:pink;}
a.black_link:active { color:pink; }

<a href="mailto:xyz.co.uk" class="black_link">xyz.co.uk</a>
在询问常见问题之前,P.S搜索类似的问题。