CSSのドメイン名に基づいてhrefリンクの色を変更してください

Question

CSSを使用して異なる外部リンクに異なる色を与えたいと思います。

例えば、我々はいくつかの外部リンクがあります。

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

私は自分のドメイン名（.eduさらに、.ORG、.COMなど）に基づいて、リンクに異なる色を与えたいと

Answer 1

ます

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>

012：このよう attrセレクタを使用することができこの場合

---

我々はフィルタとして$を使用することができます。

[attrの$ =値]

が最後の値値」によって末尾に属性attrの名前とを持つ要素を表します"

You can use more combinations to evaluate the attribute you want