Question

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

<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; }

由于

Answer 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>

Answer 2

如果您要全局定位<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;}

Answer 3

删除descendant combinators。

a.black_link:link { … }

Answer 4

您的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搜索类似的问题。

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

4 个答案: