2012-11-02 7 views
7

Il design a cui sto lavorando ha sfondi diversi per colonne alternative. È possibile impostare sfondi di piastrellatura diversi per ogni colonna,È possibile scegliere come target le colonne CSS3 singolarmente con selettori?

ad es.

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

Oppure devo ricorrere a un'immagine di sfondo enorme che piastrella ogni due colonne?

+0

Vuoi dire 'colonna: nth-child (anche)' e 'colonna: nth-child (dispari)'? – Barmar

+0

Non ci credo, ma +1 per aggiungere questo alla bozza del W3C. – Jules

+1

@JulesMazur: Sarà piuttosto difficile implementarlo come un selettore (':: nth-column()' pseudo-elemento?), Specialmente visto come è attualmente specificato nel modulo Layout multi-colonna. 'column: nth -...' non può essere usato perché 'column' dovrebbe targetizzare un elemento' ', e non c'è garanzia che non esista in HTML5 o che non esista in nessun altro linguaggio (più c'è già un '' per le tabelle). – BoltClock

risposta

4

Purtroppo si può cambiare il colore delle colonne:

Non è possibile impostare le proprietà/valori sulle scatole delle colonne. Ad esempio, lo sfondo di una determinata casella di colonna non può essere impostato e una casella di colonna non ha alcun concetto di riempimento, margine o bordi.

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

+1

Inoltre, "Le specifiche future potrebbero aggiungere funzionalità aggiuntive. Ad esempio, possono essere supportate colonne di diverse larghezze e sfondi diversi. "Per coloro che vogliono sperare. –

Problemi correlati