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 つの理由
表は以下のとおりです。 Unity が読み取って呼び出すときのコード: データベース内の別のテーブル...
しばらくサーバーいじってなかったけど、やることがなくなったのでモバイルワークスに行って海外サーバーを...
MySQL では、SQL ステートメント rename table を使用してテーブル名を変更できま...
この記事では、フォームデータの非同期送信を実装するためのJavaScriptの具体的なコードを参考ま...
必要ユーザーがフォームに入力して「保存」をクリックすると、PDF ドキュメントを直接ダウンロードでき...
1. ファイアウォールルールを設定する例1: ポート8080を外部に公開する ファイアウォールコマン...
この記事では、ログインボックスのドラッグ効果を実現するためのJavascriptの具体的なコードを参...
目次1. 事前分析1. 変数の事前解析と関数の事前解析1. 変数の事前解析2. 機能事前分析2. 事...
<br />この世に道はない。より多くの人が歩くようになると、それは道になります。最初は...
今日はフロートのクリアについてお話します。フロートのクリアについてお話する前に、フロートとは何かを理...
数日前、ある要件に取り組んでいたとき、MySQL で重複レコードをクリーンアップする必要がありました...
目次1. nginxプロセスロックの役割2. エントリーレベルのロックの使用3. nginxプロセス...
Linux には、マウントされたハードディスクとマウントされていないハードディスクの 2 種類のハー...
フォームは、get と post の 2 つのデータ転送方法を提供します。どちらもデータを送信する方...
長い引用には blockquote を、短い引用には q を、参考文献には cite を使用します。...