Tengo una tabla para estilo, ¿cómo puedo aplicar texto-alinear: izquierda; solo para la primera columna y text-align: derecha; para las otras columnas?Cómo aplicar texto-alinear a la izquierda en la primera columna y alinear texto a la derecha en las otras
Aquí mi ejemplo de la tabla.
http://jsfiddle.net/gianlucaguarini/hAv7P/
En el momento del text-align se deja para todas las columnas.
Gracias
Usted necesita 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/
Usted puede leer más acerca de selector de hermanos CSS adyacente aquí: http://www.w3.org/TR/CSS2/selector.html#adjacent-selectors
Gracias, gran explicación y demostración – Koala7
Voy a agregar esto a mi colección de códigos misteriosos que de alguna manera funcionan –
Hey Maná He actualizado tu violín solo sigue este enlace:
Todo lo que necesita hacer es agregar una clase a la cual yu quiere alineados y luego añadir CSS como en el violín
Me he equivocado un poco, no puedo alinear correctamente la información en la pestaña. Una vez que la pestaña se contrae, me gustaría ver la información perfectamente alineada como en la pestaña superior jsfiddle.net/mWeYM/2 – Koala7
Es posible que desee ver en la pseudo-clase :first-child (W3C definition) - este es exactamente el tipo de cosa para la que fue diseñado. Se podía utilizar de esta manera:
.table td {
text-align: right;
}
.table td:first-child {
text-align: left;
}
La pseudo-clase :first-child significa el selector sólo coincide con la primera <td> en cada <tr>.
Ejemplo aquí: http://jsfiddle.net/xv5Cn/1/
¿Sería tan amable de minimizar el margen de beneficio a sólo las partes pertinentes y también compartir su código de aquí en SO? – PeeHaa