Привет. Задача нарисовать такую кнопку То есть кнопка с надписью и три треугольника с правового края, у которых можно менять цвет, положение и так далее. Требование к коду. Разрешается добавлять классы для кнопки, и никаких вложенных блоков. То есть код может быть таким: HTML: <a class="myClass1 myClass2 myClass3 ..." href="#">Моя ссылка</a> Тут на помощь приходят ::before и ::after Но он позволяют вставить 2 псевдо-элемента, а мне нужно 3 !!! У кого какие идеи? Прикладываю полный код http://codepen.io/anon/pen/QpxOgL
Более псевдоэлементов не завезут. Нет ли возможности использовать js для помещения доп. элементов внутрь ссылки, тогда бы можно было сделать.
Сделай не вложенный блок, а поверх данной кнопки и прозрачность поставь, вот тебе и плюс еще два псевдоэлемента. Другого варианта не вижу, если только с SVG что-то мутить. Надеюсь помог чем смог. Spoiler