Как сделать так, чтобы CSS Hover оставался в текущем состоянии - PullRequest
Новая
       21

Как сделать так, чтобы CSS Hover оставался в текущем состоянии

0 голосов
/ 14 июня 2019

Вот ситуация.У меня есть эффект наведения с нижней строкой показывает, когда элемент завис над.

Вот мой текущий код CSS: 

    #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-toggle-on>a.mega-menu-link {
      background:#fff!important;
     font-family:Gotham-Bold!important;
   }


   #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-toggle-on>a.mega-menu-link:after 
   { 
       background:#fff!important;
       font-family:Gotham-Bold!important;
       visibility: inherit;
       display:block;
       content: '';
       border-bottom: solid 3px #cf2734;
       transform: scaleX(0);
       transition: transform 250ms ease-in-out;
       overflow:hidden;  
   }

   #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-toggle-on>a.mega-menu-link:hover:after { transform: scaleX(1); transform-origin:   0% 50%; transition-delay: 0s; }

Просто используя чистый CSS (без JavaScript), есть ли способ сохранить состояние наведения в текущем состоянии?

Спасибо

...