Состояние родительского наведения при наведении курсора на подменю

Question

Как включить состояние поворота треугольника в родительскую ссылку при наведении курсора на ссылки подменю? http://website-test-lab.com/sites/tcf/locals/

В настоящее время треугольник css отображается при наведении и на текущей странице. Если вы перейдете по ссылке выше и наведите указатель мыши на ссылку «О», затем наведите курсор на подменю, и вы увидите, что треугольник исчезает. Я бы хотел, чтобы он остался.

Вот мой CSS:

.nav ul li a:hover:after, 
.nav .current-menu-item:after, 
.nav .current_page_parent:after { 
    content: ""; 
    position: absolute; 
    bottom: 0px; 
    left: 28px; 
    margin: 0 auto; 
    display: block; 
    width: 0px; 
    height: 0px; 
    border-style: solid; 
    border-width: 0 31px 10px 15px; 
    border-color: transparent transparent $pink transparent; 
} 

Заранее спасибо

Answer 1

Вы, возможно, потребуется изменить элемент, который запускает :hover состояние на самом деле у вас есть, что на изменение <a> тэга в <li>.

Вы этот селектор:

.nav ul li a:hover:after 

изменить его на:

.nav ul li:hover > a:after