Есть ли селектор для выбора элемента если за ним идёт определённый другой?

Question

[Григорий]

Есть комбиционные селекторы (взято с мозилы девелопер):
смежный селектор A + B
следующего элемента A ~ B
дочерних элементов A > B
потомков A B

Но все влияет только на B, насколько я понимаю.

Допустим у меня есть последовательность классов:

<li class="menu__item">
<li class="menu__item">
<li class="menu__item">
<li class="menu__item">
<li class="menu__item">

и я хочу, чтобы стиль применялся для элемента только если после него есть другой аналогичный элемент (с аналогичным классом), ну или просто если после него идёт другой элемент.
селектор "+" - воздействует на следующий смежный элемент
селектор "~" - воздействует на следующий элемент

а есть ли возможность сделать так чтобы воздействовал на предшествующий элемент, т.е. на выбранный menu__item если у него есть следующий menu__item (или что-либо другое).
Мне кажется я где-то это видел - но уже перегуглил кучу информации не могу найти)

Comments

[Vyach Gor]

Только через js, в css нет такой возможности.

[Vyach Gor]

AlexBergal, если я правильно понял вопрос то иметься ввиду такое поведение (аналог prev() в jquery)
как вы повторите данный функционал на css ?

[Григорий]

Vyach Gor, на css можно сделать через селектор +, а для last-child отменить
Но мне казалось есть ещё более простое решение

[Vyach Gor]

Григорий, через селектор + (как вы и писали выше) можно воздействовать на соседний элемент, а не на предшествующий.

[Григорий]

Vyach Gor, ошибся не плюс а пробел - родитель/дочерний элемент
но мне казалось что есть какой-то способ сделать наоборот...может приснилось)

Answer 1

[Максим]

Если правильно вас понял, то вы хотите применять стили для всех, кроме последнего, т.к. после него уже нет таких же элементов, верно? Если да то вам поможет :last-of-type
Что-то такое

.menu__item:not(:last-of-type) {
    // ваши стили
}

Comments

[Григорий]

Ваше решение помогло) Спасибо!
Но мне казалось что-то ещё есть))

Я вот так писал:

img{
            margin-right: 10px;
            &:last-child{
                margin: 0;
            }
        }

Ещё нашёл что не работает для классов
https://stackoverflow.com/questions/23667528/notla...