HTML で複数のクラス属性を定義する場合の無効な解決策
|
HTML を記述する過程で、クラス属性に複数の値を定義することがよくありますが、定義した値が無効であることに気付くこともよくあります。 ！ ！ 以前、このような状況に遭遇したときは、単に書き直すか、id を直接使用して CSS 属性を設定していました。しかし、今日では、何かが間違っていると思います。 。 。真実を発見しなければなりません! ！ ！ コードをコピー コードは次のとおりです。<div id="p" class="middle_div padding_10"> <span id="s" class="normal_span"></span> </div> 2 つのクラスに異なる色を設定しました。middle_div には赤、padding_10 には緑です。 結果は緑色を示し、私の最初の印象は「方向が間違っている！」でした。 そこで、2 つの位置を入れ替えましたが、それでも緑色のままでした。 ！ これ。 。 。 。 そうでしょうか？ ? ? CSS ファイルを開くと、padding_10 が middle_div の前にあることがわかりました。そこで、それらの位置を入れ替えました。 ブラウザを更新してください、赤！ ！ ！ したがって、複数のクラス値を定義するときは、必ずお気に入りのスタイルを最後に置いてください。 ただし、padding_10 の前に div を追加すると (親要素が div であると想定)、div.padding_10 になり、どこにあっても p div は常に緑色になることがわかります。 この例から、CSS スタイルの優先順位は、後で HTML 内の class 属性の位置によって決定されるのではなく、CSS ファイルが読み込まれたときに決定されることがわかります。 |
<<: MySQL シリーズ 10 同時実行制御を実装するための MySQL トランザクション分離
>>: Vue Element-ui はツリーコントロールノードを実装し、アイコンを追加します。詳細な説明
推薦する
MySQL で MHA アーキテクチャのデプロイメントを構築する手順
目次マハ1. MAHアーキテクチャの概要2. 適用可能なシナリオ3. MHAの動作原理4. MHAの...
MySQLは間違ったパスワードを入力する試行回数を制御します
1. 本番環境でMySQLのデッドロックを監視し、デッドロックの可能性を減らす方法まず、デッドロック...
親要素を基準にCSSの位置を絶対的に設定する方法についての簡単な説明
ご存知のとおり、CSS の絶対位置はデフォルトでドキュメントに応じて設定されます。たとえば、posi...
CSS フロントエンドの知識ポイントのまとめ（必読）
1. CSS の概念: (カスケーディング スタイル シート)利点: 1. コンテンツとプレゼンテ...
MySQL自動シャットダウン問題への対処の実践記録
最近、あるプロジェクトを手伝ったのですが、MySQL マシンがしばらくすると自動的に停止し続けました...
Tomcatディレクトリ構造の詳細な説明
目次ディレクトリ構造binディレクトリconfディレクトリlibディレクトリwebapps ディレク...
Vue のドロップダウン ボックスのセカンダリ リンク効果を実装するためのサンプル コード
1. 成果を達成する 2. バックエンドから返されるデータ形式 「リスト」: [ { "i...
Vue Element Sortablejs を使用してテーブル列をドラッグする詳細な説明
1. css: ドラッグテーブル.css @charset "UTF-8"; ....
Dockerコンテナ起動時に固定IPを設定する実装
Dockerインストール後のネットワークタイプ [root@insure updev]# docke...
テーブルはセルとimg画像を結合してtd HTML全体を埋めます
ソースコード（一部のクラスは削除されています）:コードをコピーコードは次のとおりです。 <テー...
VMware仮想マシンの起動時に黒い画面が表示される問題を解決する
# VMware ハードディスクの起動優先順位を調整するステップ 1: 電源をオンにすると、BIOS...
MySQL で中国語の文字をピンインでソートする簡単な例
名前を格納するフィールドが GBK 文字セットを使用している場合、GBK 内部コード自体がエンコード...
Vue h関数の使い方の詳しい説明
目次1. 理解2. 使用1. h() パラメータ2. 使い方が簡単3. カウンターケースを実装する4...
CentOS7 は rpm パッケージを使用して mysql 5.7.18 をインストールします
例示するこの記事は、2017 年 5 月 20 日に MySQL-5.7.18 を使用して作成されま...
Linux での chmod コマンドの使用方法の詳細な説明
chmod コマンド構文chmod コマンドを使用する場合の正しい構文は次のとおりです。 chmod...