Question

我想使用CSS为不同的外部链接提供不同的颜色。

例如，我们的外部链接很少：

<a href="http://stackoverflow.com">StackOverflow</a>
<a href="http://example.edu">home page</a>

我想根据域名（.edu，.org，.com等）为链接提供不同的颜色。

Answer 1

您可以使用attr选择器，如下所示：

a[href$=".com"] {
  color: red;
}
a[href$=".edu"] {
  color: purple;
}

<a href="http://stackoverflow.com">StackOverflow</a> 
<a href="http://example.edu">home page</a>

在这种情况下，我们可以使用$作为过滤器：

<强> [ATTR $ =值]

表示属性名称为attr且其最后一个值以“value”为后缀的元素。