CSS или JS для оформления активного меню?

Question

[Игорь Пушкарский]

Приветствую Хабралюди.

С наступающими праздниками всех!

В общем есть меню, меню я сделал, но если приглядетьца, то можно видеть справа стрелочку, активного меню, есть как я понимаю 2 решения как её запихивать в li блок это с помощью абсолютного позиционирования + JS и с помощью одного css? Или я ошибаюсь? Ибо таже стандартная подсказка JQuery!

Answer 1

[Vitali Borovik]

Можно сделать так (IE8+):

li {
  position: relative;
}
li:hover:after,
li.active:after {
  display: block;
}
li:after {
  position: absolute;
  top: 50%;
  right: 0;
  display: none;
  margin-top: -10px;
  width: 0px;
  height: 0px;
  border-width: 10px 20px 10px 0;
  border-style: solid;
  border-color: transparent #ffffff transparent transparent;
  content: "";
}

Comments

[Игорь Пушкарский]

Спасибо решение удовлетворяет! +1 в карму=)