今日の小さなアウトプット

今日の小さなアウトプット8 疑似クラス

プログラミングアウトプット

今日の小さなアウトプット8 疑似クラス

 

どうも、ぱぺまぺです。

今回は疑似クラスについてです。

HTMLがある特定の状態にあるとき、CSSに適用するスタイルのことです。

See the Pen
xNveMJ
by ぱぺまぺ@社畜✕投資✕ブロガー (@ppmp65)
on CodePen.

<a>は前にも紹介しましたが、リンクを貼ることができます。

:hoverは、マウスのポインタが文字と重なったときに適用するものです。

↑ではポインタと文字が重なると赤くなるように適用しました。

[s_ad]

さらに、リンクをクリックして(訪問して)適用されるようにもできます。

↑では、:visitedを指定していて、こちらはリンククリック後のスタイルを指定します。

訪問後は黒になるようにしました。

 

この色の部分はそれぞれ違うので自由に変えることができます。

ここまで読んでくださりありがとうございました。