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

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

 

どうも、ぱぺまぺです。

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

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

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

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

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

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

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

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

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

 

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

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

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

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

    今日の小さなアウトプット3 タグに名前つける
  2. プログラミングアウトプット

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

    今日の小さなアウトプット5 HTMLのお約束
  3. プログラミングアウトプット

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

    今日の小さなアウトプット6  簡単な表組
  4. プログラミング勉強

    テックアカデミーを卒業しての感想です。
  5. 未分類

    連勤地獄でしばらく更新停止します。
PAGE TOP