При наведении на объект :hover, изменять другой псевдоэлемент :before?

Question

[Чёкатилло]

Чет, ума не приложу можно ли осуществить hover эффект на псевдоэлемент?

Типа так:

.logo_block:hover .line-block:before {
}

Comments

[iBird Rose]

а .line-block точно является дочерним элементом у .logo_block?
также вы уверены что ховер происходит именно на блок .logo_block?
в общем слишком мало информации.

[Чёкатилло]

iBird Rose: - Оба эл-та не являются друг для друга ничем У обоих overflow: hidden , поэтому будет видно что-то одно только, если какой-то блок будет дочерним другому
- Не понял.. Навожу на .logo_block , а подействовать это должно на .line-block:before
Кажется осуществить возможности нет

[Сергей Горячев]

Баба Маша: Только 2 варианта: Либо дочерний, либо соседний.

[Сергей Горячев]

Баба Маша: Остальное от лукавого (на JS).

[iBird Rose]

Баба Маша: в css нельзя обращаться к элементам выше по дереву. только к дочерним, либо соседним.

[Чёкатилло]

iBird Rose: вот так оно вот, в общем:

<div class="logo_block"></div>
<div class="line-block"></div>

[iBird Rose]

Баба Маша: тогда измените свой код на:

.logo_block:hover ~ .line-block:before {
}

[Чёкатилло]

iBird Rose: плюсиком сделал ) Спасибо большое!

Answer 1

[Сергей Горячев]

Собственно, ты все правильно говоришь-то.
https://jsfiddle.net/webirus/qf52o3qL/
Не понимаю, в чем заключается проблема.
Вариант 1) При наведении на блок1, меняем афтер блока2, который стоит после блока1.
Вариант 2) При наведении на блок3, меняем афтер блока 4, который является вложенным в блок3.

Comments

[Чёкатилло]

о все Помог + ))))))))))) Благодарствую )