タグの擬似クラスの役割と書き順について
2022-01-14 02:21:39
aタグの擬似クラスの役割について。
":link":まだ訪問していないaタグの状態です。
":visited"。訪問されたタグのステータス。
":hover"。aタグの上にマウスを置いたときの状態です。
":active"。aタグがマウスで押されたときの状態。
スタイルを書くとき、なぜこの順番で書かなければならないのですか。
以下、4つの擬似クラスと合わせて簡単に説明します。
(a) 最初の2つの状態がノーマル、最後の2つが即時状態なので、即時状態が発生するとノーマルを上書きするため、即時状態2つを後に配置する。
なぜなら、通常の状態では、aタグが訪問された場合、訪問された状態をレンダリングしなければならないので、リンクの後にvisitedを配置しなければならないからです。
というのは、マウスを押すとaタグにホバーが付くので、activeがhoverを上書きするためには、activeをその後ろに置く必要があるからです。
シーケンシャルメモリー技術。
lv バッグ hao with
":link":まだ訪問していないaタグの状態です。
":visited"。訪問されたタグのステータス。
":hover"。aタグの上にマウスを置いたときの状態です。
":active"。aタグがマウスで押されたときの状態。
スタイルを書くとき、なぜこの順番で書かなければならないのですか。
以下、4つの擬似クラスと合わせて簡単に説明します。
(a) 最初の2つの状態がノーマル、最後の2つが即時状態なので、即時状態が発生するとノーマルを上書きするため、即時状態2つを後に配置する。
なぜなら、通常の状態では、aタグが訪問された場合、訪問された状態をレンダリングしなければならないので、リンクの後にvisitedを配置しなければならないからです。
というのは、マウスを押すとaタグにホバーが付くので、activeがhoverを上書きするためには、activeをその後ろに置く必要があるからです。
シーケンシャルメモリー技術。
lv バッグ hao with
関連
-
HTMLテーブルのテーブル分割とマージ(colspan, rowspan)
-
html+css+js ナビゲーションバー用スクロールグラデーション効果
-
ウェブフロントエンドにおける小さなベクターアイコンの使用について
-
HTMLで2カラムレイアウト(左固定幅、右適応型)を実現する例
-
HTMLの横線マークアップとコードコメントの使い方を簡単にマスターできる
-
htmlのテキストボックス(テキスト)は、様々なメソッドの読み取り専用の実装を使用できません。
-
html タグのデフォルトスタイルの照合順序
-
セレクトドロップダウンメニューのテキストを左右にスクロールするように設定する方法
-
ページ内ジャンプの手法を実現するためのタグのname属性とid属性
-
最も一般的なHTMLエスケープ文字 Escape Sequence
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン