Size: a a a

Front-end developers

2020 May 13

T

Tomorrow in Front-end developers
скрин кода скинь
источник

T

Tomorrow in Front-end developers
или в песочницу закинь и ссылку
интересно ведь.
источник

NN

Nik Nik in Front-end developers
Z 07
Я в код не загружу bg, а оно роль и играет)
источник

NN

Nik Nik in Front-end developers
Z 07
Я в код не загружу bg, а оно роль и играет)
то, что вечно забываю. ховер для родительского распространяется только на дочерние
источник

A

Alexander in Front-end developers
Z 07
Ребят, всем привет, подскажите по CSS, пожалуйста. Есть менюшка, есть пункты в ней, мне нужно сделать, чтобы при наведении на элемент менюшки, менялся фон БГ на другой. Такое без JS возможно?

Как я понимаю, мне надо сделать что-то из серии:

.block__links {
&:hover {
.background__block {
и тут, к примеру, display:none

но такая запись не работает

Где я заблуждаюсь?
Какая вложенность элементов?
источник

NN

Nik Nik in Front-end developers
Z 07
Я в код не загружу bg, а оно роль и играет)
ставь ховер на обертку, дочерние будут выполнятся
источник

RL

Rendos Leg1t in Front-end developers
когда ты пишешь .red:hover .blue {, ты указываешь, что при наведении на .red, для его ДОЧЕРНЕГО блока .blue задаются свойства после {
источник

Z

Z 07 in Front-end developers
Так, а глупый вопрос, элемент же может находится где угодно в html и я к нему всё равно смогу обратиться? Или нужно, чтобы они были родительский>дочерний?

По вложенности, у меня идёт фон вообще оболочкой (аля body), в него подключен фон через background: url ('').

А меню, это nav, в котором вложены элементы ссылок.

Блин, в общем, сейчас код кину, но без самих фоновых картинок) (их не будет, но они должны исчезать при наведении на элементы меню, как я уже сказал)))
https://codepen.io/firefighter-19/pen/RwWBLNq
источник

Z

Z 07 in Front-end developers
здесь кинул цсс шный вариант, ибо код пен моё обнуление не импортирует иначе)
источник

RL

Rendos Leg1t in Front-end developers
источник

RL

Rendos Leg1t in Front-end developers
источник

RL

Rendos Leg1t in Front-end developers
только так, обращаться к элементам уровнем выше нельзя
источник

T

Tomorrow in Front-end developers
источник

T

Tomorrow in Front-end developers
Так что ли?
источник

Z

Z 07 in Front-end developers
Rendos Leg1t
только так, обращаться к элементам уровнем выше нельзя
Эххх, значит только через ЖС остаётся искать пути решения
источник

RL

Rendos Leg1t in Front-end developers
Z 07
Эххх, значит только через ЖС остаётся искать пути решения
почему
источник

RL

Rendos Leg1t in Front-end developers
яж показал пример решения
источник

Z

Z 07 in Front-end developers
Rendos Leg1t
почему
У тебя вложенность элементов в одном блоке, а у меня фон и элементы ссылок в разных блоках, я же не вложу фон в блок с ссылками)
источник

RL

Rendos Leg1t in Front-end developers
а чем тебе помешает это если ты вложишь фон в блок с ссылками
источник

Z

Z 07 in Front-end developers
🤔
источник