aタグ疑似クラスの機能と記述順序は何ですか?

aタグ疑似クラスの機能と記述順序は何ですか?
a タグ疑似クラスの役割:

「:link」: 訪問されていないタグの状態。

「:visited」: タグが訪問された状態。

":hover": マウスが a タグの上に移動しているときの状態。

「:active」: マウスで押されたときのタグの状態。

スタイルを書くとき、なぜこの順序で書くのですか?

実際、本質は依然として「スタイルは同等の優先度を持ち、後から記述されたスタイルが前のスタイルを覆います」です。a タグの疑似クラスは、さまざまなアクション シーケンスの組み合わせにすぎません。アクションのトリガー順序によって、疑似クラスの順序は lvha に従って記述する必要があることが決まります。

これらの 4 つの疑似クラスについて簡単に説明しましょう。

最初の 2 つの状態は通常の状態であり、最後の 2 つの状態は即時の状態です。即時の状態がトリガーされると、通常の状態が上書きされるため、2 つの即時の状態は最後に配置する必要があります。

通常の状況では、a タグが訪問された場合は訪問済みとして表示されるため、visited はリンクの後に配置する必要があります。

マウスが押されるとラベルのホバーが伴うため、ホバーをアクティブにカバーしたい場合は、最後に active を置く必要があります。

順次記憶技術:

LVパッケージ

<<:  CSSアニメーションによるテーブルスクロールカルーセル効果の実装

>>:  JavaScript ドキュメント オブジェクト モデル DOM

推薦する

mysql8.0.11データディレクトリ移行の実装

mysql のデフォルトのストレージ ディレクトリは/var/lib/mysql/です。以下は、デフ...

Vue Element フロントエンドアプリケーション開発 テーブルリスト表示

1. リストクエリインターフェースの効果コード処理ロジックを紹介する前に、まずは感覚的に理解し、レン...

Linux クラウド サーバーに新しいディスクをマウントする方法

背景社内に新しいサーバーが追加され、2Tのハードディスクがマウントされました。sshでログイン後、マ...

vue3.0 プロジェクトを素早く構築するための手順を完了する

目次1. 3.0をより適切にサポートするには、vue/cliのバージョンが4.5.0以上であることを...

要素のフォームコンポーネントに関する注意事項

要素フォームとコード表示詳細はエレメントフォーム公式サイトをご覧ください構造と機能の分析紹介とソース...

DockerコンテナでのMySQLデータのインポート/エクスポートの詳細な説明

序文MySQL データのインポートとエクスポートは mysqldump コマンドで解決できることは誰...

MySQL スケジュールタスク (EVENT イベント) を詳細に設定する方法

目次1. イベントとは何ですか? 2. 「イベント」機能を有効にする1. 機能が有効になっているかど...

Tencent Cloud 上で Hadoop 3.x 疑似クラスターを構築する方法を説明します

1. 環境整備CentOS Linux リリース 7.5.1804 (コア)インストールフォルダを作...

Tomcat をアンインストールして再インストールする方法 (画像とテキスト付き)

tomcat9をアンインストールする1. Tomcatのインストールはディレクトリに解凍するだけで...

VUEプロジェクトでXSS攻撃に遭遇した実体験

目次序文原因を発見するカスタムフィルタリングルール要約する序文インターネットの急速な発展に伴い、情報...

Vue の親子コンポーネントの値転送と一方向データフローの問題の詳細な説明

目次序文1. 親コンポーネントが子コンポーネントに値を渡す2. サブコンポーネントのprops型制約...

Vueタイムラインコンポーネントの使い方

この記事の例では、参考までにvueタイムラインコンポーネントの具体的な実装コードを共有しています。具...

Presto をインストールし、Docker で Hive を接続する詳細なプロセス

1. はじめにPresto は、ギガバイトからペタバイトに及ぶデータ ソースに対してインタラクティブ...

Linux でのマルチスレッドにおけるフォークの紹介

目次質問:ケース(1)子スレッドを作成する前にフォークするケース(2)子スレッドを作成した後にフォー...

Linux で Bash 環境変数を設定する方法

Shell は C 言語で書かれたプログラムであり、ユーザーが Linux を使用するための橋渡しと...