Seleccione todos los 'tr' excepto el primero

¿Cómo puedo seleccionar todos los trelementos excepto el primero tren una tabla con CSS?

Intenté usar este método, pero descubrí que no funcionaba.

Al agregar una clase al primero tro al siguiente trs. No hay forma de navegador cruzado de seleccionar las filas que desea solo con CSS.

Sin embargo, si no le importa Internet Explorer 6, 7 u 8:

tr:not(:first-child) {
    color: red;
}

Me sorprende que nadie haya mencionado el uso de combinadores hermanos, que son compatibles con IE7 y versiones posteriores:

tr + tr /* CSS2, adjacent sibling */
tr ~ tr /* CSS3, general sibling */

Ambos funcionan exactamente de la misma manera (en el contexto de las tablas HTML de todos modos) como:

tr:not(:first-child)

solución ideal pero no compatible con IE

tr:not(:first-child) {css}

La segunda solución sería diseñar todos los tr y luego anular con css para el primer hijo:

tr {css}
tr:first-child {override css above}

parece que la "primera línea" de la que estás hablando es el encabezado de la tabla, por lo que realmente deberías pensar en usar theady tbodyen tu marcado (haz clic aquí ) lo que daría como resultado un mejor marcado (semánticamente correcto, útil para cosas como lectores de pantalla ) y posibilidades más fáciles de usar para todos los navegadores para css-selection ( table thead ... { ... })

Aunque la pregunta ya tiene una respuesta decente, solo quiero enfatizar que la :first-childetiqueta va en el tipo de elemento que representa a los niños.

Por ejemplo, en el código:

<div id"someDiv">
     <input id="someInput1" /> 
     <input id="someInput2" />
     <input id="someInput2" />
</div

Si desea afectar solo los dos segundos elementos con un margen, pero no el primero, debería hacer lo siguiente:

#someDiv > input {
     margin-top: 20px;
}
#someDiv > input:first-child{
     margin-top: 0px;
}

es decir, dado que los inputs son los hijos, los colocaría first-childen la parte de entrada del selector.

Lo siento, sé que esto es antiguo, pero ¿por qué no diseñar todos los elementos tr de la manera que desea, excepto el primero y usar la clase psuedo: first-child donde revoca lo que especificó para todos los elementos tr.

Mejor descrito por este ejemplo:

http://jsfiddle.net/DWTr7/1/

tr {
    border-top: 1px solid;
}
tr:first-child {
    border-top: none;   
}

/ Patrik

Como tr:not(:first-child)no es compatible con IE 6, 7, 8. Puede usar la ayuda de jQuery. Puedes encontrarlo aquí

Otra opción:

tr:nth-child(n + 2) {
    /* properties */
}

Puede que alguien pueda beneficiarse, a continuación es lo que usé

ol li:not(:first-child) {
    background: black;
    color: white;
}

También podría usar un selector de pseudoclase en su CSS como este:

.desc:not(:first-child) {
    display: none;
}

Eso no aplicará la clase al primer elemento con la clase .desc.

Aquí hay un JSFiddle con un ejemplo: http://jsfiddle.net/YYTFT/ , y esta es una buena fuente para explicar los pseudo-selectores de clase: http://css-tricks.com/pseudo-class-selectors/

Puede crear una clase y usarla cuando defina todos los futuros que desea (o no quiere) que el CSS seleccione.

Esto se haría escribiendo

<tr class="unselected">

y luego en su css teniendo las líneas (y usando el comando text-align como ejemplo):

unselected {
  text-align:center;
}



selected {
  text-align:right;
}