基于css中的域名改变href链接的颜色

Question

我想给不同的外部链接使用不同的颜色，只使用CSS。

例如，我们有一些外部链接：

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

我想给不同的颜色，根据自己的域名（埃杜，.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属性名和其最后的值由“值后缀的元素”。

You can use more combinations to evaluate the attribute you want