Виберіть усі 'tr', окрім першого

Як я можу вибрати всі trелементи, крім першого, trу таблиці з CSS?

Я спробував скористатися цим методом, але виявив, що він не працює.

Додавши клас до першого trчи наступного trs. Не існує способу вибору рядків, які потрібно вибрати лише за допомогою CSS.

Однак якщо ви не переймаєтесь Internet Explorer 6, 7 або 8:

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

Я здивований, що ніхто не згадав про використання комбінаторів братів і сестер, які підтримуються IE7 та пізнішими версіями:

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

Вони обидва функціонують точно так само (у будь-якому випадку в HTML-таблицях), як:

tr:not(:first-child)

ідеальне рішення, але не підтримується в IE

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

другим рішенням буде стилювання всіх tr, а потім перезапис css для першої дитини:

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

звучить як "перший рядок", про який ви говорите, - це ваш заголовок таблиці - тому ви дійсно повинні подумати про використання theadта tbodyрозмітку ( натисніть тут ), що призведе до "кращої" розмітки (семантично правильної, корисної для таких речей, як екранізатори ) та простіші можливості для перегляду css для веб-переглядача ( table thead ... { ... })

Хоча на запитання вже є гідна відповідь, я просто хочу наголосити, що :first-childтег стосується типу предмета, який представляє дітей.

Наприклад, у коді:

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

Якщо ви хочете вплинути лише на два інші елементи з запасом, але не на перший, ви зробите це:

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

тобто, оскільки inputs - діти, ви б розмістили first-childна вхідній частині селектора.

Вибачте, я знаю, що це старе, але чому б не стилювати всі елементи tr так, як ви хочете, всі, окрім першого, і використовувати клас psuedo: first-child, коли ви скасовуєте те, що ви вказали для всіх елементів tr.

Краще описано на цьому прикладі:

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

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

/ Патрік

Оскільки tr:not(:first-child)IE 6, 7, 8. не підтримується, ви можете скористатися допомогою jQuery. Ви можете знайти його тут

Ще один варіант:

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

Можливо, хтось може принести користь, нижче, що я використав

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

Ви також можете використовувати селектор класів псевдо у своєму CSS таким чином:

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

Це не застосовуватиме клас до першого елемента з класом .desc.

Ось JSFiddle з прикладом: http://jsfiddle.net/YYTFT/ , і це хороше джерело для пояснення селекторів класів псевдо: http://css-tricks.com/pseudo-class-selectors/

Ви можете створити клас і використовувати його, коли визначите всі ваші майбутні, які ви хочете (або не хочете) вибирати CSS.

Це було б зроблено письмово

<tr class="unselected">

а потім у вашому css, що містить рядки (і використовує команду вирівнювання тексту як приклад):

unselected {
  text-align:center;
}



selected {
  text-align:right;
}