title: Change color of href links based on their domain names in css
body: <p>I would like to give different color to different external links using just CSS.</p>
  
  <p>For example, we have few external links:</p>
  
  <pre><code>&lt;a href="http://stackoverflow.com"&gt;StackOverflow&lt;/a&gt;
  &lt;a href="http://example.edu"&gt;home page&lt;/a&gt;
  </code></pre>
  
  <p>I want to give different colors to links based on their domain names(.edu, .org, .com etc.)</p>