Селекторы CSS

[V.A.R.]

Здравствуйте, дорогие!

Надоело мне сворачивать и разворачивать на Абсурдопедии таблицу категории снизу ручками и решил я сделать для неё стиль в Stylish. Во время написания оного я столкнулся с такой вещью:

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("absurdopedia.net") {

/* Первый tr - заголовок. Его трогать нельзя. Да, вобщем-то, тогда и вопроса бы не было */

table.navbox.collapsible.autocollapse.nowraplinks tbody tr:nth-child(2)
,table.navbox.collapsible.autocollapse.nowraplinks tbody tr:nth-child(3)
,table.navbox.collapsible.autocollapse.nowraplinks tbody tr:nth-child(4)
,table.navbox.collapsible.autocollapse.nowraplinks tbody tr:nth-child(5)

/* И так до 20-го. На всякий случай. Мало ли таблица будет ну очень большая */

{visibility:collapse !important}

table.navbox.collapsible.autocollapse.nowraplinks:hover tbody tr:nth-child(2)
,table.navbox.collapsible.autocollapse.nowraplinks:hover tbody tr:nth-child(3)
,table.navbox.collapsible.autocollapse.nowraplinks:hover tbody tr:nth-child(4)
,table.navbox.collapsible.autocollapse.nowraplinks:hover tbody tr:nth-child(5)

/* Тоже до 20-го */

{visibility:visible !important}
}

Представили себе 20 строк селектора, да? Вот...

Вопрос, собственно, такой: можно ли объединить их в, желательно, одну?

[SelenIT]

tr:nth-child(n+2)? Или tr:not(:first-child)?

[V.A.R.]

tr:nth-child(n+2)? Или tr:not(:first-child)?

Класс! Всё работает. Второе особенно понравилось: элегантно. Спасибо!

Edited August 12, 2013 by V.A.R.

[sigma77]

Можно кроссбраузерней tr + tr { /* ....*/ }

[V.A.R.]

Можно кроссбраузерней tr + tr { /* ....*/ }

Да-а-а... Век живи - век учись, дураком помрёшь.

Edited August 13, 2013 by V.A.R.

[antonKar]

Можно кроссбраузерней tr + tr { /* ....*/ }

Тогда уж

tr:first-child ~ tr {
....
} 

[SelenIT]

А чем это лучше? Навскидку явно не быстрее...

[antonKar]

Плюс у нас обозначает только следующий элемент. Чуваку писать лестницу из 20 строк вида

tr + tr,

tr + tr + tr ? Или я что-то упускаю?

А у меня одной строкой то, что нам надо.

↓ Ок, а как тут с быстродействием? ↓

tr {
blablabla: blablabla;
}

tr:first-child {
blablabla: noblablabla;
}

Edited August 14, 2013 by antonKar

[121990]

Плюс обозначает смежный селектор

[SelenIT]

Или я что-то упускаю?

Нам надо проверить, что данная tr-ка — не первая. Т.е. перед ней есть хотя бы одна другая. C «+» для каждой tr-ки нужна ровно 1 доп. проверка — именно та, что нас интересует. Всё. Никаких 20 строк

С «~», формально, для каждой tr требуется перебрать всех ее предшественников и проверить, не является ли какой-то из них первой tr-кой (да, выглядит нелепицей и в браузерах, вероятно, оптимизировано... но алгоритм есть алгоритм ).

а как тут с быстродействием?

Нормально. Короткие селекторы рулят

[antonKar]

Т.е. перед ней есть хотя бы одна другая

Блин, упустил из виду