К примеру, есть таблица
Первые 15 строк в ней имеют класс .below, последующие - класс .above.
На картинке видна серая горизонтальная полоса, отделяющая каждые 5 ячеек. Мне нужен селектор, который проведёт такую же полосу на последней строке tr класса .below.
Та полоса, которая проведена, сделана с помощью селектора
.above:nth-child(5n) {
border-bottom: 2px solid gray;
}
Я пробую .below:last-child и не работает. Игрался в консоли через querySelector('.below:last-child'), а результатом выдаёт null. Почему?
Я конечно могу и так сделать
table >.above {
border-top: 2px solid gray;
}
и будет работать, но, хочется код лишний раз не дублировать, а просто добавить селектор.