Javascript-форум - как заменить всевдоэлементы :before на реальные ?

Javascript-форум (https://javascript.ru/forum/)

- Элементы интерфейса (https://javascript.ru/forum/dom-window/)

- - как заменить всевдоэлементы :before на реальные ? (https://javascript.ru/forum/dom-window/55094-kak-zamenit-vsevdoehlementy-before-na-realnye.html)

как заменить всевдоэлементы :before на реальные ?

Здравствуйте. Попытаюсь объяснить.

вот есть к примеру тэг <li>

к нему применен css

Код:

.tels > ul > li::before {

    display: block;

    font-family: "icomoon" !important;

    margin-left: -30px;

    margin-top: 2px;

    position: absolute;

}

.icon-mobile::before {

    content: "\e958";

}

в результате слева отрисовывается иконка с использованием иконочного шрифта "icomoon".

но на XP иконки выглядят несглажеными. Хочу к ним применить cufon он заменяет текст на canvas.
Но беда в том я не могу никак выбрать эти псевдоэлементы.
Хочу чтоб верстку не менять везде как-то пройтись скриптом и создать на месте этих before к примеру <span> поместить в него то что в "content" лежит, и уже ко всему этому применить cufon.

То что ты замыслил это полная жопа!

Хряк уходит, брось его, а так придется все таблицы стилей обходить, модифицировать их, и в дерево лезть спаны вставлять, лучше оставь, не вешай на сайт все что попало, те кто на хряке сидят, знаешь ли им должно быть плевать на сглаживание, и компьютеры скорее всего не самые мощные, да и в 50% случаев у них ie6 реже ie7 а canvas там нет

p.s. Если ты сам на хрюне и не попадаешь под мое описание, не обольщайся большинство все же подпадает ;)

Не я то конечно не на Хр. Но вот заказчик :cray: . На самом деле большая проблема была с тестом, она решилась легко. На иконки можно и забить. Но тут уже спортивный интерес.

Сейчас я в универе, пример попытаюсь сделать сегодня вечером,

Но можно же решить задачу и другим методом, например svg, я знаю что в icomoon есть и svg вариант иконок поставь их баграундом, да и канвас и svg поддерживаются старыми браузерами одинаково плохо

Вот пример http://jsfiddle.net/dLn9na37/2/,

;) За неимением возможности написать свой селекторный движок :) юзанул jQuery