Как правильно добавить свойство к ребёнку блока через ::before для :last-child элемента с определённым именем класса?

Question

[Семён Задорожный]

Как правильно добавить свойство к ребёнку блока через ::before для :last-child элемента с определённым именем класса?
пример кода тут: https://codepen.io/Simonz/pen/NjqWJw

т.к. разметка динамическая, кол-во детей меняется, нужно чтоб у последнего элемента с классом v-has-height псевдоэлемент ::before был ограниченной высоты

Answer 1

[tarthur]

вы через js добавляете новые элементы? если да, с начала удаляйте класс last у всех v-has-height, потом можно найти элемент напр. через

document.querySelector('.cv-viewer > .v-panel.v-has-height:nth-child(' + document.querySelectorAll('.v-has-height').length + ')').className += ' last ';

и назначить класс last
или еще проще через jquery
если нет, то просто последнему давайте класс last(в html коде) и ему уже давайте стили:

& > .v-panel.v-has-height.last {
		&::before {}
}

Answer 2

[Семён Задорожный]

нет возможности менять разметку, js нельзя =(

Comments

[tarthur]

ну имхо никак, хотя можно пробовать поиграть с селекторами типа "+", ":not()", ":nth-child()" и т.п., будет интересно посмотреть решение. Ну вот товарищ пытался что-то такое провернуть: stackoverflow.com/questions/15246387/css-and-or-sa...
но как можно видеть решения не нашел.
так же подобная тема рассматривается тут: stackoverflow.com/questions/1817792/is-there-a-pre...