So wählen Sie alle untergeordneten Elemente aus und fügen ihnen in CSS Stile hinzu

Verfahren:

Nehmen wir „less“ im tatsächlichen Projekt als Beispiel:

.lk-Werkzeugleiste {
    .el-Eingabe {
        Breite: 169px;
        Rand rechts: 10px;
    }
    > * {
        Rand unten: 20px;
    }
}

Der obige Code implementiert erfolgreich den unteren Rand von 20 Pixeln aller Unterelemente unter .lk-toolbar.

Dadurch wird die idiotische Aufgabe vermieden, alle möglichen Unterelementtypen aufzulisten:

.lk-Werkzeugleiste {
    .el-Eingabe {
        Breite: 169px;
        Rand rechts: 10px;
        Rand unten: 20px;
    }
    .el-button, .el-date-editor {
        Rand unten: 20px;
    }
}

Anwendungsszenarien (Effekte):

Erkenntnisse (Unsinn):

Zuerst habe ich mich gefragt, ob es in CSS einen solchen Selektor gibt, um alle untergeordneten Elemente auszuwählen. Später habe ich mir die Dokumentation angesehen und festgestellt, dass zwar kein solcher Selektor vorhanden ist, Ihnen jedoch die grundlegendste Methode erklärt wurde und der Rest von Ihrem eigenen Glück abhängt (schauen Sie, ob Sie es flexibel verwenden können!).

Tutorial OS: „Die Methoden sind alle hier. Es liegt an Ihnen, ob Sie sie verwenden oder nicht.“

Damit ist dieser Artikel zum Auswählen aller untergeordneten Elemente und Hinzufügen von Stilen mit CSS abgeschlossen. Weitere Informationen zum Hinzufügen von Stilen zu untergeordneten Elementen mit CSS finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den verwandten Artikeln weiter unten. Wir hoffen, dass jeder 123WORDPRESS.COM in Zukunft unterstützen wird!