方法: 実際のプロジェクトを例に挙げてみましょう。 .lk-ツールバー{ .el-入力{ 幅: 169ピクセル; 右マージン: 10px; } > * { 下マージン: 20px; } } 上記のコードは、.lk-toolbar以下のすべてのサブ要素のmargin-bottom: 20pxを正常に実装しています。 これにより、すべての可能なサブ要素タイプをリストするという愚かな作業を回避できます。 .lk-ツールバー{ .el-入力{ 幅: 169ピクセル; 右マージン: 10px; 下マージン: 20px; } .el-button、.el-date-editor { 下マージン: 20px; } } 適用シナリオ(効果): 洞察(ナンセンス): 最初は、CSS にすべての子要素を選択するセレクターがあるのだろうかと思いました。後でドキュメントを確認したところ、そのようなセレクターはないものの、最も基本的な方法は説明されており、残りは自分の運次第 (柔軟に使用できるかどうかを確認してください!) であることがわかりました。 チュートリアル OS: 「メソッドはすべてここにあります。使用できるかどうかはあなた次第です。」 これで、すべての子要素を選択し、CSS でスタイルを追加する方法についての記事は終了です。CSS を使用して子要素にスタイルを追加する方法の詳細については、123WORDPRESS.COM の以前の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。 |
<<: Nginx ストリーム構成プロキシ (Nginx TCP/UDP ロード バランシング)
>>: HTML(divレイヤー)を介してFLASHにリンクを追加するための実装コード
目次1.同時アクセス制御2. 取引1. トランザクションは ACID 原則に従います。 2. トラン...
目次1. 基本2. ノード、ツリー、仮想DOM 1. 仮想DOM 3. createElementパ...
目次1. この Web サイトには SQL インジェクションの脆弱性がある可能性があることが判明しま...
目次1. すべて選択2. 商品の数量を増やすか減らす3. 商品の小計を変更する4. 合計と合計額を計...
SQL の基礎知識がある友人は、「クロステーブル クエリ」について聞いたことがあるはずですが、クロス...
1. 公式ウェブサイトからMySQLをダウンロードします。 これが私たちが探しているものです、win...
目次文字列オブジェクトのメソッド方法 1: indexOf() (推奨)方法 2: search()...
私が実現したい機能は、新しいウィンドウを開いて新しいページを表示することですが、パラメータを渡す必要...
適応型レイアウトは、実際のアプリケーションでますます一般的になっています。今日は、主にフローティング...
目次1. プロパティを型リストに制限する2. デフォルトのコンテンツと拡張ポイント3. ネストされた...
1. csvファイルをインポートする次のコマンドを使用します。 1.mysql> infile...
序文文字セットは、一連のシンボルとエンコード規則です。Oracle データベースでも MySQL デ...
<br />質問: Word のコンテンツを Web サイトのエディターに直接コピーする...
この記事では、参考までに、Vue の具体的なコードを共有して、簡単なショッピングカートを実装します。...
目次歴史pushState() メソッドpushState() の使用シナリオreplaceStat...