Специфический класс CSS для применения: после

Question

Я хочу добавить треугольник к элементу в меню, когда он активен, однако я не знаю, какой класс я должен применять.

Прямо сейчас это работает только при наведении.

Это мой код и он не работает:

#mainnav ul li.current-menu-item a:after { 
width: 0; 
height: 0; 
border-style: solid; 
border-width: 10px 10px 10px 0; 
border-color: transparent #fde6ef transparent transparent; 
line-height: 0px; 
_border-color: #000000 #fde6ef #000000 #000000; 
_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000'); 
} 

Answer 1

Используйте это:

div#mainnav ul a:hover:after, div#mainnav ul li.current-menu-item a:after { 
    content:""; 
    position: absolute; 
    right: 0; 
    margin-top: 6px; 
    width: 0; 
    height: 0; 
    border-style: solid; 
    border-width: 10px 10px 10px 0; 
    border-color: transparent #fde6ef transparent transparent; 
    line-height: 0px; 
    _border-color: #000000 #fde6ef #000000 #000000; 
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000'); 
} 

Предполагая, что current-menu-item класс для текущего элемента, то вы можете применить тот же эффект на как это было при наведении.