Können wir eine gemeinsame CSS-Klasse in eine andere CSS-Klasse aufnehmen?
Ich bin CSS-Neuling. Ich Frage mich nur, ist das möglich eine gemeinsame Klasse in eine andere Klasse?
beispielsweise
.center {align: center};
.content { include .center here};
Stieß ich auf css-framework - Blueprint. Wir müssen die Lage-Informationen in HTML, z.B.
<div class="span-4"><div class="span-24 last">
Als solche, wir werden die Positionierung Attribut in html anstatt css. Wenn wir das layout ändern, müssen wir ändern, html, anstelle von css.
Das ist der Grund, warum ich diese Frage stellen. Wenn ich kann zählen .span-4 in mein eigenes css, ich will nicht angeben, es in meine html-tag.
InformationsquelleAutor der Frage janetsmith | 2009-10-16
Du musst angemeldet sein, um einen Kommentar abzugeben.
Bizarr, obwohl CSS spricht über Vererbung-Klassen können nicht "Erben" auf diese Weise. Das beste, was Sie wirklich tun können ist dies:
Außerdem würde ich dringend empfehlen Sie nicht "nackt" Klassen-Selektoren wie. Verwenden und die ID oder tag-und-Klasse, wo möglich:
Ich sage das, weil wenn Sie tun Sie Ihre Selektoren so breit wie möglich, es endet immer unüberschaubar (in meiner Erfahrung), sobald man eine große stylesheets. Sie am Ende mit unerwünschten Selektoren Interaktion mit jedem anderen zu dem Punkt, wo Sie eine neue Klasse erstellen (wie .center2), weil die änderung der ursprünglichen betrifft alle möglichen Dinge, die Sie nicht wollen.
InformationsquelleAutor der Antwort cletus
Dies ist, wo die Cascading in Cascading Style Sheets kommt ins Spiel.
Denken Sie an Ihren html-element oder ein widget/Modul (Gruppe von verschachtelten html-Elementen) als ein Objekt. Sie wissen, Sie gehen zu müssen Objekte, die die gleichen Eigenschaften, so dass Sie wollen, erstellen Sie eine wiederverwendbare Klasse, die Sie nutzen können.
Sagen, dass dein Modul ist eine Meldung (error, flash...). So dass Sie "extend" oder "include".baseModule Klasse, weil alle Meldungen werden zentriert ausgerichtet wird (siehe endgültige html-Beispiel).
Außerdem wollen Sie Ihre Fehlermeldungen haben einen roten hintergrund. Zusätzlich können Sie überschreiben die border-Eigenschaft aus .baseModule.Nachricht hier, wenn Sie wollte, dass es eine andere Farbe oder so etwas.
So, jetzt haben Sie ein paar css-Definitionen, die wiederverwendet werden können, mit Leichtigkeit.
Beziehen Sie dies auf Ihre Frage, Sie hatte im Grunde nutzen mehrere Klassennamen für maximale Wiederverwendbarkeit. Gewährt ie6 nicht unterstützt angekettet Selektoren (class1.class2.class3), aber es ist immer noch ein netter trick!
InformationsquelleAutor der Antwort Derek Reynolds
In der standard-CSS, es ist nicht möglich, dies zu tun, aber es wäre schön.
Sich für so etwas wie, dass Sie würde müssen, verwenden Sie SASS oder ähnliche, die "kompiliert" CSS.
InformationsquelleAutor der Antwort Deeksy