Tabla tipo cebra en CSS

Que tal, quisiera que me ayuden con algo, actualmente tengo una tabla tipo cebra pero mi problema es que todas las tablas que tengo en mi aplicación usan el diseño de cebra, yo quiero darle un id o clase en mi estilo css para que asi poner a la tabla que yo quiero el diseño de cebra.

Lo tengo realizado así actualmente:

tr:nth-child(even) { background: #ddd }
tr:nth-child(odd) { background: #fff}

Pero si lo pongo para darle un id en mi estilo.css me da problema las llaves

#id{
tr:nth-child(even) { background: #ddd }
tr:nth-child(odd) { background: #fff}
}

¿Cómo sería la solución??

Gracias de antemano

Respuestas

#1

Prueba con esto:

.tblCebra tr:nth-child(even) {
    background: #ddd;
}
.tblCebra tr:nth-child(odd) {
    background: #fff;
}

<table class="tblCebra" ... >
...

Saludos.

@iBet7o

12 abril 2016, 4:23