CSS ですべての子要素を選択し、スタイルを追加する方法

方法：

実際のプロジェクトを例に挙げてみましょう。

.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 をよろしくお願いいたします。