Народ, помогите плиз задача сделать менюшку такого плана. при наведении

меняет цвет и появляется подчеркивание снизу (причем не прямо под ссылкой, а внизу элемента <li>).

я повесил hover на ссылку (чтоб она меняла цвет) и на элемент <li>, чтоб рисовалась нижняя граница. получилось, что при наведении на ссылку нужный эффект достигается, но при наведении на <li> только подчеркивается, без замены цвета ссылки. Не подскажите как это исправить?
Может как-то через child это достигается (ну типа при наведении на li -> дочерний єлемент тоже должен поменять цвет), или как-то можно дать команду, чтоб при срабатывании li:hover также срабатывал эффект a:hover.

И да, судя по дизайну - подчеркиваться должна область чуть шире самого текста ссылки. так что возможно я вообще не в ту сторону думаю 🤔

https://codepen.io/vishandr/pen/YzaxPMX

Ну да ли:ховер а

Ul a li a Ul a:hover { border Font color} Точно должно сработать

то есть li ставить не вокруг а, а внутри?

Ну если li:hover не работает, то попробуй его в еще один а обернуть и уже на новый a:hover менять свойства

?

AV V
получилось, спасибо. Но насколько вообще такая стр...

в ul не может быть ничего кроме li

AV V
получилось, спасибо. Но насколько вообще такая стр...

Я считаю что если все работает как надо то достаточно корректна)

я считаю что ты дезинформатор

Там вообще без списка можно обойтись

а ну ка, заверстай его таблицами!

я тоже так думал, но как не согласиться с milknei? 🙂

nav значит мы вместо дива пишем. А в ul пишем <a>?

еее милквей

А nav что тебе сделал

это правильно, а список нет

а как тогда решить задачу https://t.me/css_ru/691187?

AV V
получилось, спасибо. Но насколько вообще такая стр...

Сделай через флекс И срача не будет

в li засунуть a как минимум

li:hover a { color: yellow; }

nav Div Div Div Nav { Display: flex Align-items: left Gap: npx } Div:hover { Border-bottom:

Тогда подчеркиваться сама ссылка будет

чел че ты несешь

Добро и позитив

ну да он этого хотел

не делают нав из дивов это бред

А в чем проблема?

Семантика бро

чет не получается. мне надо чтоб ссылка меняла цвет, а подчеркивался li https://codepen.io/vishandr/pen/YzaxPMX

тогда дай ховер и ссылке и li, а чтобы ссылка была в такой же зоне ховера дай ей ширину 100% и высоту там хз

ты не написал

Какой бред, на html 4 нав пишется через див, а сейчас на html 5 пишется только по имени, разница между такого нету.

Milknei Mylknei
Кому верить?(

Это и есть ответ

Наверху: делай Внизу: не делай

Из дивов не надо , через тег надо

Milknei Mylknei
Кому верить?(

заходишь на девелопер мозиллу и изучаешь каждый тег, больше херни не пишешь

999
держи парнишка

ох, спасибо! то есть секрет в том, чтоб назначить ссылке ширину и высоту как у ее родителя и сделать ее блочным элементом. запишу себе ))) Благодарю!

A V (0) увеличил репутацию 999 (79)

он не стал блочным а обрел блочные свойства - раз падинг я убрал у юльки и дал ссылкам - два а ширину и высоту просто по приколу задал хз они там нужны или нет

ширина и высота - нужны. без них все работает как и раньше

а ну окей тогда отлично

Nav > (img, ul, button) Это по идее семантически правильно Но что если я например img оберну в div или вместо button сделаю кастомную через а Это уже плохо?

нет, неплохо но то что выше ты код написал плохо

в этом сообщении или в предыдущих где подсказывал челу?

там где структура: ссылка внутри которой li

Да, я понял) Спасибо

Milknei (0) увеличил репутацию 999 (80)

Если про семантику, то кнопка должна быть кнопкой, а не ссылкой со стилизацией под кнопку. Что мешает стилизовать сам button?