Columnas de la tabla de colores de N en adelante (td: nth-of-type)

Quiero agregar un cierto color de fondo de una cierta columna en adelante. En lugar de tener que usar una clase css para cada columna, preferiría hacerlo de otro modo si es posible.

Tendré una mesa enorme con cientos de filas y alrededor de 25 columnas y prefiero evitar el código innecesario.

Actualmente, estoy usando la propiedad td:nth-of-type para hacerlo:

 .demo tr.selectedRow td:nth-of-type(9), .demo tr.selectedRow td:nth-of-type(10), .demo tr.selectedRow td:nth-of-type(11), .demo tr.selectedRow td:nth-of-type(12), .demo tr.selectedRow td:nth-of-type(13), .demo tr.selectedRow td:nth-of-type(14), .demo tr.selectedRow td:nth-of-type(15), .demo tr.selectedRow td:nth-of-type(16){ background-color:#fff16b; } 

Me preguntaba si hay alguna manera de reducir esto aún más.

La documentación no dice mucho más …

http://css-tricks.com/examples/nth-child-tester/ Este probador realmente puede ayudar. Parece que quieres seleccionar todo después de las 9, así que usa el siguiente código

Seleccione cada DT excepto The First 8

 .demo tr.selectedRow td:nth-child(n+9) { color: red; } 

Si cada columna después del ocho por qué no tienes una clase para los primeros ocho y nada para los demás. Esto funcionaría si el rest fuera el mismo por supuesto.

Esto funcionaría en IE incluso.

Ejemplo usando colgroup

   Title    
Data Data Data Data Data Data Data Data Data Data Data Data Data Data Data