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 つの理由
画像をプルする docker pull season/fastdfs:1.2トラッカーを開始 doc...
MySql 自動切り捨て例の詳細な説明友人が質問しました。プロジェクト内で挿入または更新ステートメン...
ナビゲーションなどは日々の開発でよく使うので、記録として記事を書きます。ナビゲーションは終了/開始位...
オペレーティング システム: windows10_x64 Python バージョン: 3.6.8仮想...
tinyMCE の使用方法の詳細な説明初期化TinyMCE を初期化するときは、ページの HEAD ...
目次ドロップダウン複数選択ボックスアップグレード - すべてのオプションを追加改訂と改善を求める製品...
序文JavaScript は習得が最も簡単な言語の 1 つであるため、成長と繁栄を続けており、市場に...
目次原理ソースコード分析委任されたイベントバインディングすべてのサポートされているイベントを聴くネイ...
目次1. React.Children.map 2. React.Children.forEach ...
開発プロジェクトでは、MySQL のスロークエリログを通じて効率の問題のある SQL を監視できます...
レイアウトを編集するとき、通常は水平センタリングと垂直センタリングを使用してデザインします。水平セン...
この記事では、モバイルとPCで簡単なドラッグアンドドロップ効果を実現するためのTypescript ...
目次# データ準備後# SQLクエリ率テスト# SQL グループレートテスト# sql ソート率テス...
開発環境では、vue プロジェクトは、ローカルで Express サーバーを構築することをベースにし...
Dockerの概要Docker はオープンソースのソフトウェア展開ソリューションです。 Docker...