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

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

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

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

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

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

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

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

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

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

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

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

順次記憶技術:

LVパッケージ

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

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

推薦する

WeChatアプレットが複数行テキストのスクロール効果を実現

この記事の例では、WeChatアプレットで複数行のテキストスクロールを実装するための具体的なコードを...

MySQL テーブル作成外部キー エラーの解決方法

データベーステーブルA: テーブル task_desc_tab を作成します ( id INT(11...

Ubuntu 18.04 に mysql5.7.23 をインストールするチュートリアル

この記事では、Ubuntu18.04にmysql5.7.23をインストールする具体的な方法を参考まで...

一般的なブラウザ互換性の問題(概要)

ブラウザの互換性とは、スタイルの互換性 (CSS)、インタラクションの互換性 (JavaScript...

フレームセットの高さを設定する際のインターフェース変形の解決策

現在、プロジェクトを作成しました。インターフェースは次のとおりです。これはフレームセットを使用して行...

カタツムリ映画システムのDocker展開の詳細なプロセス分析

環境に関する声明ホストOS: Cetnos7.9 最小インストールdocker バージョン: 20....

http.server に基づく LAN サーバーの構築プロセスの分析

皆さんはこのような状況に遭遇したことがあるでしょうか。プロジェクトや研究開発を行う際に、緊急にファイ...

MYSQL サブクエリとネストされたクエリの最適化例の分析

ゲーム史上最高スコアトップ100をチェックSQLコード cdb_playsgame ps から ps...

Nuxt.jsプロジェクトのDockerデプロイメントの実装

Docker 公式ドキュメント: https://docs.docker.com/ Docker は...

Docker ベースの MySQL マスタースレーブ レプリケーションを実装する方法

序文MySQL マスター/スレーブ レプリケーションは、アプリケーションの高パフォーマンスと高可用性...

CSSにスティッキー効果を追加する方法

前面に書かれたfilter:blur と filter:contrast がこのような素晴らしい化学...

mysql5.7.19 zip 詳細なインストールプロセスと構成

MySQL v5.7.19 正式版(32/64 ビットインストール版および zip 解凍版) 1. ...

MySQLクエリ速度が遅く、パフォーマンスが低下する原因と解決策

1. データベースクエリの速度に影響を与えるものは何ですか? 1.1 データベースクエリ速度に影響を...

Vue.js スロットにおけるスコープ付きスロットの使用法の詳細な説明

目次スロットなしVue2.x スロットスロット付き名前付きスロットスロット属性なしスロットの簡単なサ...

Docker+Selenium Grid に基づく技術アプリケーションをテストするためのサンプル コード

Selenium Grid の紹介Selenium Grid のいくつかの新しい機能は、今後リリース...