aタグ疑似クラスの機能と記述順序は何ですか？
|
a タグ疑似クラスの役割: 「:link」: 訪問されていないタグの状態。 「:visited」: タグが訪問された状態。 ":hover": マウスが a タグの上に移動しているときの状態。 「:active」: マウスで押されたときのタグの状態。 スタイルを書くとき、なぜこの順序で書くのですか? 実際、本質は依然として「スタイルは同等の優先度を持ち、後から記述されたスタイルが前のスタイルを覆います」です。a タグの疑似クラスは、さまざまなアクション シーケンスの組み合わせにすぎません。アクションのトリガー順序によって、疑似クラスの順序は lvha に従って記述する必要があることが決まります。 これらの 4 つの疑似クラスについて簡単に説明しましょう。 最初の 2 つの状態は通常の状態であり、最後の 2 つの状態は即時の状態です。即時の状態がトリガーされると、通常の状態が上書きされるため、2 つの即時の状態は最後に配置する必要があります。 通常の状況では、a タグが訪問された場合は訪問済みとして表示されるため、visited はリンクの後に配置する必要があります。 マウスが押されるとラベルのホバーが伴うため、ホバーをアクティブにカバーしたい場合は、最後に active を置く必要があります。 順次記憶技術: LVパッケージ |
<<: CSSアニメーションによるテーブルスクロールカルーセル効果の実装
>>: JavaScript ドキュメント オブジェクト モデル DOM
推薦する
Portainer を使用して複数の Docker コンテナ環境を管理する方法を説明します。
目次Portainerは複数のDockerコンテナ環境を管理します2. Dockerを管理する2.1...
VUEの基本を理解するのに役立つ記事
目次VUEとはVueのコアプラグインVueルーターヴュークスアクシオス要素UI Vue フロントエン...
WIN10 に複数のデータベースがインストールされている場合にコンピュータの速度低下を防ぐ方法
必要なときにサービスを有効にし、必要がないときは無効にします。データベース サービスを管理する方法:...
vue3 統合 API における vue2 の $refs の代替方法についての簡単な説明
vue2 プロジェクト開発の経験があれば、$refs に精通しているでしょう。 vue3 の急激なア...
Win10でIIS10を構成し、ASPプログラムのデバッグをサポートする手順
マイクロソフトIIS (Internet Information Server) は、Microso...
WeChat アプレット ピッカー マルチ列セレクター (モード = multiSelector)
目次1. 効果図（複数列） 2. 通常セレクター: mode = selector、複数列セレクター...
MySQLの実行プロセスとシーケンスについての簡単な説明
目次1:mysql実行プロセス1.1: コネクタ1.2: キャッシュ1.3: アナライザー1.4: ...
高性能ウェブサイトの最適化ガイド
パフォーマンスの黄金律:エンドユーザーの応答時間のわずか 10% ～ 20% が HTML ドキュメ...
Vueリストデータを削除した後、ページを自動的に更新する方法と更新方法の詳細な説明
問題の説明:フロントエンドがデータの一部を削除したり、新しいデータを追加したりすると、バックエンドの...
Vue のライフサイクルとフック関数の詳細な説明と典型的な面接の質問
目次1. Vue ライフサイクル2. フック機能2.1 4つの段階と8つの方法に分かれています。 2...
seata docker 高可用性デプロイメントの詳細な紹介
バージョン1.4.2公式ドキュメントドッカーハブ起動する環境変数SEATA_CONFIG_NAMEを...
HTML で余分なテキストを省略記号に変換する方法
HTML で余分なテキストを省略記号として表示したい場合は、いくつかの方法があります。 1行テキスト...
jQuery キャンバスで画像検証コード例を描画する
この記事では、jQuery Canvasの描画画像検証コードの具体的なコードを例として紹介します。具...
Ubuntu 18.04 に mysql5.7.23 をインストールするチュートリアル
この記事では、Ubuntu18.04にmysql5.7.23をインストールする具体的な方法を参考まで...
vuex の補助関数 mapGetters の基本的な使い方の詳細な説明
mapGettersヘルパー関数mapGettersヘルパー関数は、ストア内のゲッターをローカルの計...