各webサービスのカラーをa要素の文字色に指定

Red (red_hippy) on Twitter

Facebook

GitHub · Build software better, together.

WordPress › 日本語

Google ←google+のカラーの方。ノーマルなgoogleのカラーは#4285f4

YouTube

Tumblr

Instagram

Dropbox

このサンプルのCSS

a[href*="twitter"]{   color: #00aced; }
a[href*="facebook"]{  color: #3b5998; }
a[href*="github"]{    color: #171515; }
a[href*="wordpress"]{ color: #21759b; }
a[href*="google"]{    color: #cc3732; }
a[href*="youtube"]{   color: #cd201f; }
a[href*="tumblr"]{    color: #44546b; }
a[href*="instagram"]{ color: #3f729b; }
a[href*="dropbox"]{   color: #1087dd; }

このサンプルのHTML

<p><a href="https://twitter.com/red_hippy" target="_blank">Red (red_hippy) on Twitter</a></p>
<p><a href="https://www.facebook.com/" target="_blank">Facebook</a></p>
<p><a href="https://github.com/" target="_blank">GitHub · Build software better, together.</a></p>
<p><a href="http://ja.wordpress.org/" target="_blank">WordPress › 日本語</a></p>
<p><a href="https://www.google.co.jp/" target="_blank">Google</a> ←google+のカラーの方。ノーマルなgoogleのカラーは#4285f4</p>
<p><a href="https://www.youtube.com/" target="_blank">YouTube</a></p>
<p><a href="https://www.tumblr.com/" target="_blank">Tumblr</a></p>
<p><a href="http://instagram.com/" target="_blank">Instagram</a></p>
<p><a href="https://www.dropbox.com/" target="_blank">Dropbox</a></p>