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

Question

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

我将如何在我的 CSS 文档中使其中一个链接的颜色与另一个链接不同？

Answer 1

我会从这里推荐 12 号（你必须记住的 30 个 CSS 选择器）

基本上，您可以在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>

顺便说一句，我会http在您的 href 或//.

http://www.stackoverflow.com 或 //www.stackoverflow.com

祝你好运。