【プログラミング】HTML CSS編ー:link,:visited,:hover,:active
おはようございます。
今日もプログラミング勉強の進捗状況をご報告いたします。
今回はリンクテキストの調整について勉強しました。
今回の勉強で出来るようになった事
通常時のリンクテキストの色を変えたり、リンク先のページを訪問済みの状態にしたり、マウスポインタが乗っている状態やボタンを押した状態にしたり出来るようになりました!
勉強時間45分
今日書いたコード
a:link{
color: #d25833;
}
a:visited{
color: #d25833;
}
a:hover {
color: #e3937a;
}
a:active {
color: #ff6a3b;
}
…です
この操作で変わった現象は…
この操作で文字の色が変わりましたね!
今回の要素を擬似クラスと言うみたいです。
通常の書き方と違い、「a」と「:link」の間に半角スペースを入れないようです
スペースを入れてしまうと、スタイルが適用されなくなってしまうみたいです!
また、記述順もあるようで…
:link
:hover
:active
の順番でないと適用されないようです
以上、今朝の勉強内容レビューでした