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 つの理由
はじめに: MySQL では、CONCAT() 関数を使用して複数の文字列を 1 つの文字列に連結し...
データの挿入テーブル名(列名1、列名2、列名3)の値(値1、値2、値3)に挿入します。ユーザーに(u...
コンピュータ サイエンスで最も一般的に使用され、議論されているデータ構造の 1 つは、二分探索木です...
目次ウェブAPI DOM DOMツリーDOM要素取得方法ドキュメントオブジェクトのプロパティイベント...
コードをコピーコードは次のとおりです。 <iframe id="myFrameId&...
1. MySQLに接続するフォーマット: mysql -h ホストアドレス -u ユーザー名 -p ...
はじめに: すべてのデータを 1 つのテーブルに保存することのデメリット表の構成構造は複雑で不明瞭で...
目次1. 背景: 2. デザインのアイデア: 3. 起動スクリプトを書く4. イメージを構築する5....
Linux で履歴レコードを表示し、タイムスタンプを追加するためのヒントbashに詳しい人なら、hi...
Windows リモート デスクトップを使用してサーバーに接続したことがある人なら、リモート デスク...
この記事では、Jiugonggeモバイルパズルゲームを実装するためのJavaScriptの具体的なコ...
序文現在、私はコースウェア PPT のオンライン プレビューを必要とする高品質のコースに取り組んでい...
この記事では主に、CSS3 LESS で長いテキストの影を実装する方法を紹介し、皆さんと共有します。...
目次序文Linux アプリケーション実行中に開いているファイルが多すぎる問題の分析と解決Linux ...
適切なデータベース仕様は、ソフトウェア実装の複雑さを軽減し、通信コストを削減するのに役立ちます。この...