CSS をドメイン別にスタイル設定する方法

CSS をドメイン別にスタイル設定する方法

CSS ではドメイン別にスタイルを設定することができます。
これを知っていると何かと便利ですので覚えておきましょう。

多く使われる例としては、自サイト内へのリンクの色と、他サイトへのリンクの色を設定するなどがあります。
応用としてはサイトに動画を貼り付ける際に Youtube と Niconico でサイズなどを設定するなどがあります。

例としてリンク先によってテキストの色を変える設定を説明します。
「http://helpsupport.blog.fc2.com/」へのリンクを赤、
「https://gamemod.blog.fc2.com/」へのリンクを青とします。
CSS に以下のように記述します。

このように設定することにより HTML ではカラー設定しなくても色分けが適用されます。
次のようにどちらも HTML には何も装飾しない普通のリンクとして記述します。

<a href="https://helpsupport.blog.fc2.com/">https://helpsupport.blog.fc2.com/</a>
<a href="https://gamemod.blog.fc2.com/">https://gamemod.blog.fc2.com/</a>

次のように表示されれば成功です。

https://helpsupport.blog.fc2.com/
https://gamemod.blog.fc2.com/

これを応用する事によりアイデア次第で様々なことが出来るようになるので、是非とも使いこなしましょう。

コメント