Come selezionare tutti i bambini tranne il primo e l'ultimo con selettori CSS

Come selezionerei tutti i bambini in una tabella tranne il primo e l'ultimo? Ho provato questo, ma finisce per la selezione di tutti i bambini che non sono in primo luogo e tutti i bambini che non sono durano, che finisce per essere a tutti i bambini:Come selezionare tutti i bambini tranne il primo e l'ultimo con selettori CSS

table.programs tr td:not(:first-child), table.programs tr td:not(:last-child) { 
}

che voglio a tutti i bambini che non sono né primo né ultimo. Come posso fare questo?

fonte

2012-12-20 gsingh2011

correlati a questo: http://stackoverflow.com/questions/7403129/combining-not-selectors-in-css – Spudley

Questo è più strettamente correlato: http://stackoverflow.com/questions/10033299/is-there-any -way-to-indicare-a-css-shorthand- for-all-elements-except-the-first-l (probabilmente anche un dupe) – BoltClock

credo che questo dovrebbe funzionare per voi:

table.programs tr td:not(:first-child,:last-child)

fonte

2012-12-20 21:57:19

Ha detto CSS, non jQuery. – Barmar

Beh, ha tristi selettori CSS (che usa anche jQuery). Ma considerando la sintassi che ha pubblicato, il punto è moot =). –

Nota, se lo si utilizza in CSS, questo non è supportato in alcuni browser meno recenti. Prenderò in considerazione la possibilità di dare tutti i primi e gli ultimi elementi 'prima' e' ultima', se possibile. –

La soluzione jQuery va bene, ma se si vuole fare in puro CSS io suggerirei di applicare le regole per l'intera tabella e poi ripristina per il primo e l'ultimo figlio. Per esempio:

table.programs tr td { 
    /* your rules here */ 
} 

table.programs tr:first-child td:first-child, 
table.programs tr:last-child td:last-child { 
    /* reset your rules here */ 
}

jsFiddle demo

fonte

2012-12-20 22:04:22 Simone

Penso che la tua risposta sia la migliore, perché è cross-browser, quindi 7,8 (ancora attuale), i telefoni Windows con vecchi supporti lo supportano. – Serg

Uso due :not() selettori combinati, riferendosi quindi elementi che hanno entrambi, ossia elementi che corrispondono a nessuno dei selettori utilizzati come operandi :not():

table.programs td:not(:first-child):not(:last-child)

fonte

2012-12-20 23:30:00

@FrankV, hai frainteso l'altra domanda e la sua risposta. La domanda si riferisce ai selettori concatenati ': not()' ma chiede se esiste un'alternativa. –

Vedo grazie ..... –

td + td: not (: last-child) – VisWebsoft

Come selezionare tutti i bambini tranne il primo e l'ultimo con selettori CSS

risposta

Problemi correlati