[PR] 容量300MB、月額125円、高性能なサーバが日本最大級のバックボーンに直結。さくらのレンタルサーバ

スタイルシート・CSSを書いてみよう

リンクにスタイルを適用しよう ~擬似クラスを使いこなす~

 ハイパーリンクのスタイルを設定する方法は若干他のタグと異なっています。例えば、リンクの上にマウスを乗せた場合や訪問済みのリンクの色などに個別にスタイルシートを適用することができます。これらは擬似クラスと呼ばれるもので、主に以下の4つが広く使われています。

①未訪問リンク(キャッシュがないリンク)

②訪問済みリンク(キャッシュ済みリンク)

③マウスがリンクの上に乗ったとき

④リンク部分を選択(クリック)した状態

重要ポイント ~記述の順番がある!?~

 ①から④のスタイルを適用する際は、必ず①から④の順番通りに記述しないとうまく適用されないことがありますのでご注意を!

サイトトップページへ戻る