css - notas - Cómo aplicar alineación de texto a la izquierda en la primera columna y alineación de texto a la derecha en las otras

justificar texto html

Question

Tengo una tabla para diseñar, ¿cómo puedo aplicar text-align: left; Solo para la primera columna y text-align: right; para las otras columnas?

Aquí mi tabla de ejemplo.

http://jsfiddle.net/gianlucaguarini/hAv7P/

En el momento en que se deja la alineación de texto para todas las columnas.

Gracias

Answer 1

Es posible que desee ver la :first-child ( definición W3C ): este es exactamente el tipo de cosas para las que fue diseñado. Podrías usarlo así:

.table td {
text-align: right;
}
.table td:first-child {
text-align: left;
}​

La pseudo-clase :first-child significa que el selector solo coincide con el primer <td> en cada <tr> .

Ejemplo aquí: http://jsfiddle.net/xv5Cn/1/

Answer 2

Hola Manna, he actualizado tu violín, solo sigue este enlace:

http://jsfiddle.net/hAv7P/9/

Todo lo que necesitas hacer es agregar una clase a la que quieres alinear y luego agregar css como en el violín

Answer 3

Necesitas especificar el siguiente CSS:

.table td,
.table th
{
text-align:left;
}
#right,
.table td + td,
.table th + th
{
text-align:right;
}

Ejemplo aquí: http://jsfiddle.net/mWeYM/

Puede leer más sobre el selector de CSS de hermanos adyacentes aquí: http://www.w3.org/TR/CSS2/selector.html#adjacent-selectors