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

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

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

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

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

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

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

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

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

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

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

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

順次記憶技術:

LVパッケージ

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

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

推薦する

dockerプライベート倉庫の構築と利用の詳細説明

1. リポジトリイメージをダウンロードする docker プルレジストリ 2. プライベートウェアハ...

WeChatアプレット学習ノート: ページ構成とルーティング

最近、小さなプログラムの開発を勉強して見直しており、学習結果のいくつかをメモしています。公式の We...

MYSQLデータベーステーブル構造の最適化方法の詳細な説明

この記事では、例を使用して、MYSQL データベース テーブル構造を最適化する方法を説明します。ご参...

Nginx ロケーション設定(ロケーションのマッチング順序)の詳細な説明

ロケーションは「位置指定」を意味し、主にさまざまな位置指定のための URI に基づいています。これは...

MySQL の高可用性アーキテクチャの完全な説明: MHA アーキテクチャ

目次1. はじめに2. 構成3. 作業プロセス4. 建築5. 表示例MHA (Master HA) ...

Linux学習におけるmkdirコマンドの詳しい説明

目次序文1. ファイルの概念に関する基礎知識2. mkdir コマンド序文最近、Linux にますま...

MySQL 8.0.13 解凍版のインストールと設定方法のグラフィックチュートリアル

1. インストール1. MySQLをダウンロードするダウンロードアドレス: リンクアドレスブラウザで...

MySQL サーバー IO 100% 分析および最適化ソリューション

序文ストレス テスト中に、リソース使用のボトルネックによって発生する最も直接的なパフォーマンスの問題...

Redhat 8.0 システムのインストール方法に関するグラフィック チュートリアル (初心者には必須)

目次1. はじめに2. インストール01. 新しい仮想マシンを作成する02. システムをインストール...

MySql の 4 つのトランザクション分離レベルについて簡単に説明します。

分離レベル:隔離はあなたが考えるよりも複雑です。 SQL 標準では 4 つの分離レベルが定義されてお...

MySQL ビューの原則分析

目次更新可能なビュービューのパフォーマンスビューの制限ビューは MySQL 5.0 以降で導入されま...

Apache の一般的な仮想ホスト設定方法の分析

1. Apacheサーバーのインストールと設定yum インストール httpd -y systemc...

Web フロントエンドのパフォーマンス最適化の詳細説明: リソースのマージと圧縮

2つの目的のためのリソースの結合と圧縮httpリクエストの数を減らす要求されたリソースのサイズを縮小...

ウェブページのカラーマッチング例分析: 緑色のカラーマッチングウェブページ分析

<br />緑は黄色と青(寒色と暖色)の中間の色で、より穏やかな色です。そのため、緑は最...