Задать вопрос
lebedev_sanyok
@lebedev_sanyok
Young Developer

Как сделать чтоб скошенный блок в меню отображался без hover?

Нужно сделать так чтоб например страница home и светилась кнопка home2076d1c39da041c7a8a962ef6b13ca2c.png
ecdevelopers.com
  • Вопрос задан
  • 188 просмотров
Подписаться 2 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 2
qork
@qork
{ background: #F00B42 }
jquery
$(document).ready(function(){
    if (document.location.pathname == '/') {
       $('#menu a:first-child').addClass("active");   
    }
    if (document.location.pathname == '/about-us') {
       $('#menu a:nth-child(2)').addClass("active");
    }
});

и т.д.

css
#menu .active{
    background: orange;
    color: #fff;
}


Только не знаю, будет ли работать. JS пока плохо владею.
Ответ написан
Комментировать
@soledar10
html css3 js jquery
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
sabramovskikh
@sabramovskikh
В код формирования меню нужно добавить чтобы делался класс active у активного пункта меню и этому классы прописать свйоства
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы