我可以将CSS伪类仅应用于一个链接而不是所有链接吗？

Question

<a href = "www.fashjdkjdasfh.com">fashjdkjdasfh.com</a>
<a href = "www.hjdshf.com">hjdshf</a>

如何在CSS文档中将其中一个链接的颜色设置为另一个？

Answer 1

我建议here (The 30 CSS selectors you must memorize)

中的第12号

基本上，您可以在href对象中搜索字符串。

<强> HTML

<a href = "www.google.com">Google</a>
<a href = "www.yahoo.com">Yahoo</a>

<强> CSS

a {
    color:green;
}

a [href*="google"] {
    color:red;
}

上面的链接是关于CSS选择器的一篇很棒的文章，并深入探讨了包括伪选择器在内的许多不同选择器的例子。

Answer 2

我建议你在标签中使用Id属性。通过这样做，您可以为该特定超链接添加扩展的CSS属性。

<style>
  .a { ... }
  .a#myid { color:red; ... }

</style>

Answer 3

只需给它一个类并相应地分配CSS：

<a href="http://www.fashjdkjdasfh.com">fashjdkjdasfh.com</a>
<a href="http://www.hjdshf.com" class="redlink">hjdshf</a>

<style>
  .redlink { color: red; }
</style>

顺便说一句，我在您的href中使用http或//。

http://www.stackoverflow.com 要么 //www.stackoverflow.com

祝你好运。