aタグ疑似クラスの機能と記述順序は何ですか？
|
a タグ疑似クラスの役割: 「:link」: 訪問されていないタグの状態。 「:visited」: タグが訪問された状態。 ":hover": マウスが a タグの上に移動しているときの状態。 「:active」: マウスで押されたときのタグの状態。 スタイルを書くとき、なぜこの順序で書くのですか? 実際、本質は依然として「スタイルは同等の優先度を持ち、後から記述されたスタイルが前のスタイルを覆います」です。a タグの疑似クラスは、さまざまなアクション シーケンスの組み合わせにすぎません。アクションのトリガー順序によって、疑似クラスの順序は lvha に従って記述する必要があることが決まります。 これらの 4 つの疑似クラスについて簡単に説明しましょう。 最初の 2 つの状態は通常の状態であり、最後の 2 つの状態は即時の状態です。即時の状態がトリガーされると、通常の状態が上書きされるため、2 つの即時の状態は最後に配置する必要があります。 通常の状況では、a タグが訪問された場合は訪問済みとして表示されるため、visited はリンクの後に配置する必要があります。 マウスが押されるとラベルのホバーが伴うため、ホバーをアクティブにカバーしたい場合は、最後に active を置く必要があります。 順次記憶技術: LVパッケージ |
<<: CSSアニメーションによるテーブルスクロールカルーセル効果の実装
>>: JavaScript ドキュメント オブジェクト モデル DOM
推薦する
モバイル開発における 1px ラインの理解と解決策
1pxの線が太くなる理由モバイルプロジェクトに取り組むとき、設計図に従って要素ノードのサイズとスタイ...
Linux システムで MySQL データベースの解凍バージョンをインストールして構成する方法
1. ファイルを現在のディレクトリに解凍しますコマンド: tar -zxvf mysql....ta...
VMware 構成 VMnet8 ネットワーク方法の手順
目次1. はじめに2. 設定手順1. はじめに1. NAT モード (VMnet8) は、仮想マシン...
Nginx 仮想ホストを構成する 3 つの方法 (ポートベース) の詳細な説明
Nginx は、IP ベースの仮想ホスト構成、ポート ベースの仮想ホスト構成、ドメイン名ベースの仮想...
CSS のマージンの崩壊問題を解決する方法
まず、マージン崩壊が発生する 3 つの状況を見てみましょう。 1. 隣接する 2 つのブロックレベル...
独立した IP を介して Windows コンテナ イントラネットの Docker に直接アクセスする方法
Docker では、ポート マッピングを使用して、Docker コンテナーのサービスをホスト マシン...
アコーディオン効果を実現するネイティブ js
実際のWebページ開発でも、アコーディオンは頻繁に登場します。簡単なアコーディオンを作ったのですが、...
入力ボックスの値を取得する方法のReactの例
入力ボックスの値を取得する複数の方法最初の方法は、制御されていないコンポーネントの取得です2番目の方...
MySQL 演算子の具体的な使用法 (and、or、in、not)
目次1. はじめに2. 本文2.1 および演算子2.2 または演算子2.3 オペレーター2.4 no...
Dockerにlogstashをインストールする詳細な手順
docker-compose.yml を編集し、次のコンテンツを追加します。 バージョン: '...
vue-cli4.5.xはプロジェクトを素早く構築します
1. vue-cliをインストールする vue.js で vue.js を実行します。 2. プロジ...
pdf.js を使用して Vue で PDF ファイルをプレビューする方法
ページ上で PDF をプレビューすると、一部のファイルは印刷またはダウンロードできません。現時点では...
CentOS 8 に htop をインストールする方法のチュートリアル
システムをインタラクティブに監視したい場合は、htop コマンドが最適な選択肢の 1 つです。 ht...
Nodejs は JSON 文字列を JSON オブジェクトに変換するエラー解決法
JSON 文字列を JSON オブジェクトに変換するにはどうすればいいですか? JSON.parse...
HTML iframe で親ページと子ページ間の双方向メッセージングを実装する例
ある日、リーダーはメイン ページに iframe を埋め込み、親ページと子ページ間で双方向にメッセー...