Import-CSS-Selektor-Stile, die in einem Anderen Selektor? (NICHT @import)

Gibt es eine Möglichkeit zu importieren, das styling einer einzigen CSS-Selektor in einen anderen CSS-Selektor, und fügen Sie es, oder schreiben Sie Eigenschaften aus.

Sagen wir mal:

.original_class{
background:black;
color:white;
}
.overwrite{
@import(.original_class); /* I know this doesn't work */
color:blue;
border:1px solid green;
}

Kann ich dies erreichen, indem Sie nur redeclaring die .original_class und zuweisen von neuen Werten (da die CSS-Stile werden neu geschrieben, von oben nach unten), aber dies ersetzt die Attribute der original-CSS-Klasse. Was ich will, ist, Erben Ihre Eigenschaften in eine andere Klasse, ohne zu schreiben, Sie wieder (duplizieren).

InformationsquelleAutor Dzhuneyt | 2012-05-25
  1. 3

    Nicht direkt, Nein.

    Könnten Sie etwas tun, wie dieses in Ihrem HTML:

    <div class="original_class overwrite">...</div>

    Dadurch wird die gleiche Wirkung haben, aber Sie müssen dies für jedes element, das Sie wollen, Stil, die Art und Weise.

    Gibt es auch die Möglichkeit mit einem CSS-Präprozessor wie SASS, die Vererbung unterstützt/Mixins in Verbindung.

    InformationsquelleAutor Jan Hančič
  2. 2

    Können Sie die .overwrite Wahlschalter auf die erste Regel durch die Trennung aus dem vorhandenen Selektor mit einem Komma (die Gruppierung der Selektoren), so dass der selector-Regel wird .original_class, .overwrite:

    .original_class,
.overwrite {
background: black;
color: white;
}
.overwrite {
color: blue;
border: 1px solid green;
}

    Auch, wenn Sie schreiben:

    diese ersetzen die Attribute der original-CSS-Klasse

    gibt es keine solche Sache wie Attribute und Klassen in CSS, nicht mit der angestrebten Bedeutung von OOP, denke ich. Es gibt Regeln, Selektor-Regeln (zum auswählen der HTML-id, Klassen, Elemente, Attribute und andere pseudos), Deklarationen, Eigenschaften und Werte.

    InformationsquelleAutor FelipeAls
  3. 0

    Leider nicht. Zumindest nicht ohne einen dieser schicken CSS-plugin Dinger, ich würde nicht berühren mit einer Meile-lange Stange...

    Natürlich, es gibt nichts hindert Sie daran, die mehrere Klassen auf ein einzelnes element.

    • Geist Ausarbeitung zu dem "würde nicht berühren ..." - Teil?
    • Ich weiß nicht genehmigen von frameworks im Allgemeinen. Ich Schreibe alle meine HTML -, CSS -, JavaScript-und PHP von hand, und wenn etwas schief geht, bin ich sehr gut bewaffnet, um es zu beheben.
    • Nun, ich habe nichts, aber gute Erfahrungen mit CSS pre-Prozessoren (oder "plugin-Dinger", wie Sie Sie nennen). Ersparte mir EINE MENGE Entwicklung Zeit, und mein CSS so viel leichter zu pflegen, es ist auch nicht lustig. Aber jedem das seine ...
    InformationsquelleAutor Niet the Dark Absol
  4. 0

    Wenn Sie bereit sind, ein bisschen Umweg, vielleicht diese ist etwas für Sie.

    InformationsquelleAutor mariomario
Schreibe einen Kommentar