Можно ли прописать стиль для div-a стоящего перед div-ом с определенным классом?

Главные вкладки

Аватар пользователя VasyOK VasyOK 25 июля 2023 в 12:51

Приветствую специалистов по CSS. Подскажите: можно ли прописать стиль для div-a стоящего перед div-ом с определенным классом?

В моем случае для div-a стоящего перед div-ом someclass.

<div class="для этого">one</div>
<div class="someclass">someclass</div>
<div class="и для этого">two</div>
<div class="someclass">someclass</div>

Комментарии

Аватар пользователя VasyOK VasyOK 25 июля 2023 в 13:33

Юрий, я конечно же использую инструменты разработчика и пишу в файлы темы.
Как я нагуглил следующий элемент осле определенного выбирается через символ +
А предыдущий пока не понял как. Нутром чую, что возможно.

Аватар пользователя gun_dose gun_dose 25 июля 2023 в 16:25
1

У нас на проекте с полгода назад чел сказал типа смотрите, какой крутой селектор :has. Очень много где использовали, много где выручал. А потом спустя несколько месяцев прилетел баг от клиента, что что-то не работает в фаерфоксе Biggrin В итоге пришлось очень много чего переписывать. Причём довольно основательно - приходилось добавлять дополнительные классы в шаблонах, при формировании рендер-массивов или через js.

Аватар пользователя marassa marassa 25 июля 2023 в 18:25

gun_dose wrote: спустя несколько месяцев прилетел баг от клиента, что что-то не работает в фаерфоксе

Если это один конкретный клиент, и он поддается уговорам, то в фаерфоксе довольно легко включить поддержку этого селектора через продвинутые настройки. Но если таких посетителей потенциально много, то всех заставлять включать в браузере экспериментальную фичу конечно не комильфо..

Аватар пользователя VasyOK VasyOK 26 июля 2023 в 12:48

Спасибо, что подсказали :has.
Да работает. В Firefox тоже - после включения соотв настойки.
Они там спят или что? Уже год назад настройка вышла.

У меня мелочь не особо на что-то влияющая. Поэтом пока что не буду писать скрипт.

Аватар пользователя gun_dose gun_dose 26 июля 2023 в 15:09
3

Всегда нужно исходить из того, что никакой флаг ни у кого не включен, потому что 99,99% пользователей даже не знают, что это такое. Соответственно, включать их у себя, если ты веб-разработчик, это лишь создание самому себе проблем из разряда "на моей машине всё ок"