Me gustaría dar una clase css a una fila y me gustaría hacer que la primera columna sea negra y la segunda columna roja. No quiero usar colgroup porque esta es una acción específica de fila, no toda la tabla debe ser efectuada. Gracias.Cómo hacer la primera columna de una fila negra y la segunda columna roja
Respuesta
que puede usar:
td { color: black; }
td:nth-child(2) { color: red; }
Esto es posible sin CSS3 para una mejor compatibilidad con el navegador. – Smamatti
Necesita crear 2 tipos de CSS.
Para cada fila, agrega el CSS que desea.
En CSS3 puede utilizar la pseudo-clase :nth-child()
.
¡Esto es posible sin CSS3!
Muestra
http://jsfiddle.net/Q3yu5/1/
CSS
tr.special_row td {
background-color: #000;
}
tr.special_row td + td {
background-color: #f00;
}
tr.special_row td+td+td {
background-color: #fff;
}
HTML
<table>
<tr class="special_row">
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
</table>
+1, esto es probablemente mejor que 'nth-child'. – Qtax
Me temo que esto no es exactamente lo que @rematnarab estaba buscando. No tuve en cuenta que no toda la mesa debería verse afectada. editado 'tr' a una regla más específica. – Smamatti
Solo una nota: necesitaba su ** PREVIOUS ** Versión del código. +1 para el registro de revisión! –
... esta es una acción específica de la fila, no toda la tabla debe ser efectuada.
luego aplicar diferentes estilos a su primera y segunda columna de la fila dada podría ser útil:
<style type="text/css">
td.first
{
background-color: black;
color: white;
}
td.second
{
background-color: red;
color: white;
}
</style>
<table>
<tr>
<td class="first">1st row, 1st column</td>
<td class="second">1st row, 2nd column</td>
</tr>
<tr>
<td>2nd row, 1st column</td>
<td>2nd row, 2nd column</td>
</tr>
</table>
+1 Whoops. ¡Tienes razón! -> 'no se debe efectuar una tabla completa' – Smamatti
- 1. QSplitter: ¿Cómo hacer que la segunda columna sea más pequeña?
- 2. MYSQL - Clasificar 2 columnas Alfabéticamente, utilizando la segunda columna si la primera columna es nula
- 3. Copie una fila o columna de una matriz e insértela en la siguiente fila/columna
- 4. cómo eliminar la primera columna de cada fila?
- 5. Insertar en una columna seleccionando otra columna en otra tabla pero cómo llenar la segunda columna
- 6. jQuery selector a la última fila primera columna
- 7. ¿Se puede hacer clic en la fila de Gridview, excepto en la primera columna?
- 8. SlickGrid con la primera columna fija
- 9. Seleccionar una columna específica en cada fila de la matriz
- 10. ¿Cómo obtener la fila y la columna del índice?
- 11. Cómo excluir la primera columna de jquery hover
- 12. La primera columna de DataGridView, primera fila, está seleccionada en Cargar, no quiero esto
- 13. Selección de la primera fila por grupo
- 14. Oracle gran total de la columna y la fila
- 15. Cómo leer la segunda columna en un archivo grande
- 16. Ancho mínimo de la primera columna de la tabla
- 17. Mover el foco a la primera columna de la nueva fila en DataGrid (WPF)
- 18. Cómo copiar una fila de CUALQUIER tabla cambiando una columna
- 19. salida de la segunda columna de un archivo
- 20. ¿Cómo obtener la primera columna de salida de comunicación?
- 21. ¿Cómo hacer la transposición de datos de fila a columna en la tabla csv?
- 22. ¿Cómo puedo bloquear la primera fila y la primera columna de una tabla cuando se desplaza, posiblemente usando JavaScript y CSS?
- 23. ¿Cómo muevo el cursor a una fila y columna específica?
- 24. jQuery DataTables dos filas en la cabecera: nombres de columnas de la primera fila y clasificación, filtrado de la segunda fila
- 25. Obtenga una columna diferente en cada fila
- 26. Eliminar fila de tabla de datos en la primera columna no contiene (un trozo de cuerda)
- 27. Python - Leer segunda columna del archivo
- 28. Excel - ¿Cómo elimino los elementos en la columna 1 de la columna 2 y pongo los resultados en la columna 3?
- 29. Nombres de fila y columna en R
- 30. El selector de dispositivo Android muestra la X roja en la columna de destino
¿Se puede no sólo dar a cada célula de una clase y estilo con CSS? – AlexKempton