Wybierz wszystkie " tr " z wyjątkiem pierwszego

Dziwię się, że nikt nie wspomniał o używaniu kombinatorów rodzeństwa, które są obsługiwane przez IE7 i późniejsze:

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

Obie funkcjonują dokładnie tak samo (w kontekście tabel HTML) jak:

tr:not(:first-child)

Idealne rozwiązanie, ale nie obsługiwane w IE

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

Drugim rozwiązaniem byłoby stylizowanie wszystkich tr, a następnie nadpisywanie css dla first-child:

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

Brzmi jak 'pierwsza linia', o której mówisz jest nagłówkiem tabeli - więc naprawdę powinieneś pomyśleć o użyciu thead i tbody w Twoim znaczniku ( Kliknij tutaj ), co spowoduje 'lepsze' znaczniki (semantycznie poprawne, przydatne dla rzeczy takich jak screenreaders) i łatwiejsze, przyjazne dla przeglądarek możliwości wyboru css (table thead ... { ... })

Inna opcja:

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

Chociaż pytanie ma już przyzwoitą odpowiedź, chcę tylko podkreślić, że znacznik :first-child znajduje się na typie elementu, który reprezentuje dzieci.

Na przykład w kodzie:

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

Jeśli chcesz wpływać tylko na dwa drugie elementy z marginesem, ale nie na pierwszy, wykonaj:

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

To znaczy, ponieważ input S są dziećmi, należy umieścić first-child na części wejściowej selektora.

Przepraszam, wiem, że to jest stare, ale dlaczego nie Styl wszystkie elementy tr tak, jak chcesz wszystkie z wyjątkiem first i użyj klasy psuedo: first-child, gdzie odwołujesz to, co określone dla wszystkich elementów tr.

Lepiej opisane w tym przykładzie:

Http://jsfiddle.net/DWTr7/1/

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

/Patrik

Ponieważ {[0] } nie jest obsługiwane przez IE 6, 7, 8. Możesz skorzystać z pomocy jQuery. Możesz go znaleźć Tutaj

Możesz również użyć pseudo selektora klas w CSS w następujący sposób:

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

To nie zastosuje klasy do pierwszego elementu z klasą .desc.

Oto JSFiddle z przykładem: http://jsfiddle.net/YYTFT/, a to jest dobre źródło do wyjaśnienia pseudo selektorów klas: http://css-tricks.com/pseudo-class-selectors/

Możesz utworzyć klasę i użyć jej, gdy zdefiniujesz wszystkie swoje przyszłe, które chcesz (lub nie chcesz) być wybrane przez CSS.

Można by to zrobić pisząc

<tr class="unselected">

A następnie w css posiadające linie (i używając polecenia text-align jako przykładu):

unselected {
  text-align:center;
}



selected {
  text-align:right;
}