CSSは複数のクラスにマッチする 次の HTML タグ li、クラスはオープン スタイルです。私の要件は、開いている状態とアクティブな状態が同時に存在する場合にのみ背景色を白に変更することです <li id="menu_268098" title="アカウント情報クエリ" class="open"> <li id="menu_270008" class="nav_sec" title="口座残高照会"> <a href="#/p/payment.search.account_balance" class="dropdown-toggle"> <span class="nav-title">口座残高照会</span> </a> </li> </ul> </li> <li id="menu_268098" title="アカウント情報クエリ" class="open active"> <li id="menu_270008" class="nav_sec" title="口座残高照会"> <a href="#/p/payment.search.account_balance" class="dropdown-toggle"> <span class="nav-title">口座残高照会</span> </a> </li> </ul> </li> CSS は次のように記述できます。 li.open.active{ 背景色: #fff; } 注意: .open.activeの間にはスペースを入れないでください。 要約する CSS で複数のクラスを一致させる方法についての記事はこれで終わりです。CSS で複数のクラスを一致させる方法の詳細については、123WORDPRESS.COM の以前の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。 |
>>: レスポンシブ Web デザインが価値のない 5 つの理由
目次背景glibc 2.14をコンパイルするソフトリンクを変更するやっと背景テスト環境には Cent...
今日仕事中に、ビジネス側から次のような質問をされました。テーブルがあり、一意のフィールドを追加する必...
最近、モバイルページを制作する際には、レイアウトにインラインブロック要素がよく使われますが、インライ...
1. 継続的デリバリーとは何かソフトウェア製品の出力プロセスは、ソフトウェアがいつでもリリースできる...
前回の記事では、Docker を使用して、コンパイルされた jar パッケージをイメージに組み込む ...
この記事ではMySQL 8.0.15のインストールと設定方法を参考までに記録します。具体的な内容は以...
この記事では、トークンログイン認証を実装するためのVUEの具体的なコードを例として紹介します。具体的...
目次概要問題の説明循環リンクリスト順序付き配列数学的再帰要約する概要ジョセフ・リング問題は、ジョセフ...
1. ナビゲーション: 順序なしリストとその他のラベル要素ナビゲーションを記述するために最も一般的に...
1.インストールしたい場所に解凍し、my.iniファイルを作成します。 my.iniの内容は次のと...
1. 概要Docker イメージを作成するには、次の 3 つの方法があります。 Docker コミッ...
目次MVCとMVVMの違い前述のMVCC の概要長所と短所MVVM概要MVVM 実装者 — Vue ...
MySQLのスイッチングデータ保存ディレクトリの実装方法今日、仕事中に、mysql が保存されている...
/****************** * 高度な文字デバイス ドライバー ***********...
1. はじめにMySQL ロックは、その範囲に応じて、グローバル ロック、テーブル ロック、行ロック...