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>
<div class="someclass">someclass</div>
<div class="и для этого">two</div>
<div class="someclass">someclass</div>
Комментарии
открой инструменты раработчика и там пиши. когда зайдет запиши в файл стиля.
Юрий, я конечно же использую инструменты разработчика и пишу в файлы темы.
Как я нагуглил следующий элемент осле определенного выбирается через символ +
А предыдущий пока не понял как. Нутром чую, что возможно.
Поддержка Firefox необходима? Если нет, то
https://tobiasahlin.com/blog/previous-sibling-css-has/
У нас на проекте с полгода назад чел сказал типа смотрите, какой крутой селектор :has. Очень много где использовали, много где выручал. А потом спустя несколько месяцев прилетел баг от клиента, что что-то не работает в фаерфоксе
В итоге пришлось очень много чего переписывать. Причём довольно основательно - приходилось добавлять дополнительные классы в шаблонах, при формировании рендер-массивов или через js.
Если это один конкретный клиент, и он поддается уговорам, то в фаерфоксе довольно легко включить поддержку этого селектора через продвинутые настройки. Но если таких посетителей потенциально много, то всех заставлять включать в браузере экспериментальную фичу конечно не комильфо..
Спасибо, что подсказали :has.
Да работает. В Firefox тоже - после включения соотв настойки.
Они там спят или что? Уже год назад настройка вышла.
У меня мелочь не особо на что-то влияющая. Поэтом пока что не буду писать скрипт.
Всегда нужно исходить из того, что никакой флаг ни у кого не включен, потому что 99,99% пользователей даже не знают, что это такое. Соответственно, включать их у себя, если ты веб-разработчик, это лишь создание самому себе проблем из разряда "на моей машине всё ок"
Алексей, я это понимаю и сам долго не пользовался flexbox-ами.