2012-11-02 1 views
7

Der Entwurf, an dem ich arbeite, hat unterschiedliche Hintergründe für alternative Spalten. Ist es möglich, unterschiedliche Kachel-Hintergründe für jede Spalte einzurichten, z. B.Ist es möglich, CSS3-Spalten einzeln mit Selektoren auszurichten?

, z.

column:nth-child(n+1) {background:url(tile1.gif) repeat-x; } 

Oder muss ich auf ein riesiges Hintergrundbild zurückgreifen, das alle zwei Spalten kachelt?

+0

Meinen Sie 'Spalte: n-Kind (auch)' und 'Spalte: nth-child (ungerade)'? – Barmar

+0

Ich glaube nicht, aber +1, um dies dem W3C-Entwurf hinzuzufügen. – Jules

+1

@JulesMazur: Es wird ziemlich schwierig, als Selektor zu implementieren (':: nth-column()' Pseudo-Element?), Vor allem, wie es derzeit in der Mehrspalten-Layout-Modul ist. 'column: nth -...' kann nicht verwendet werden, da 'column' auf ein' ' Element zielen sollte, und es gibt keine Garantie, dass es in HTML5 nicht existiert oder in keiner anderen Sprache existiert (plus Es gibt bereits eine '' für Tabellen. – BoltClock

Antwort

4

Leider können Sie nicht die Farbe der Spalten ändern:

Es ist nicht möglich, Eigenschaften/Werte auf Spalte-Boxen zu setzen. Beispielsweise kann der Hintergrund eines bestimmten Spaltenfelds nicht festgelegt werden, und ein Spaltenfeld hat kein Konzept für Auffüllen, Rand oder Rahmen.

Von w3.org: 2. The multi-column model

+1

Es sagt auch, "Zukünftige Spezifikationen können zusätzliche Funktionalität hinzufügen. Zum Beispiel können Spalten unterschiedlicher Breite und unterschiedlicher Hintergründe unterstützt werden. "Für diejenigen, die hoffen wollen. –