CSS3 :leeren selector und content-Eigenschaft
Ich wollte zu verwenden CSS3 ist :empty
psedo-und CSS3-Selektor ist content
Eigenschaft zusammen, fügen Sie text hinzu, um leere Listen, wie gezeigt, in diesem fiddle:
Ich gelernt, dass CSS erlaubt nur content
im :after
oder :before
- Selektoren. Gibt es eine Lösung, die es ermöglicht styling leeren Listen?
BEARBEITEN
Als ich erfuhr, in den Kommentaren, stellt sich heraus, Sie kann Verwendung content
überall in CSS3 (keine Wirkung in der Mehrzahl der Browser als [der 12/31/2012]) und nur in :after
und :before
Blöcke in CSS2. (Dank @BoltClock)
Wenn Sie sich nicht kümmern, Firefox bestimmte können Sie die -moz-only-whitespace
- Selektor, um es Verhalten sich ein wenig mehr logisch. (Dank @robertc)
content
Eigenschaft erlaubt ist irgendwo, aber die Umsetzung ist fast nicht existent. CSS2 ist content
Eigenschaft ist nur erlaubt in :after
und :before
.Ahh, ich war Irre, was ich gelesen habe. Vielen Dank für das heads-up.
InformationsquelleAutor Crisfole | 2012-12-31
Du musst angemeldet sein, um einen Kommentar abzugeben.
Stellt sich heraus, beantwortete ich meine eigene Frage in die Frage:
http://jsfiddle.net/M6xZj/2/
Können Sie
:after
mit der:empty
element hinzufügen, etwas nach der UL. Es ist leer ist, nachdem alle, so ist es garantiert zu finden sind, wo die Liste war.:empty
, siehe auch:-moz-only-whitespace
(leider kein standard).Danke @robertc. Ich weiß, dass :leer hat einige vage/sehr dumm Verhalten. Schätzen Sie die Warnung! Nicht jetzt über
only-whitespace
! 🙂 Das ist ziemlich cool.Vereinbart. Es ist erwähnenswert, dass
:empty
übereinstimmen, werden nicht Dinge wie<div> </div>
(beachten Sie die Leerzeichen, aber es passt<div></div>
(ohne Leerzeichen).InformationsquelleAutor Crisfole
.some_class_name:empty:after{
content: "-";
}
InformationsquelleAutor user3423980