Autor Zpráva
moldow
Profil
Mám web kód, kde nemám prsístup do DOM, ale iba do CSS a JQuery a potreboval by som pridať novú ikonu za text Phones:

<a href="#"><span class="icon icon-phones"></span>Phones</a>

Napadlo ma pouziť na <span> pseodoelement ::after, ale to má nevýhodu, že tam viem použiť iba fixnú pozíciu novej ikony a keď sa zmení text "Phones" na niečo iné, tak text môže ísť cez ikonu.
Nejaký iný nápad ako to vyriešiť?

BTW: <span> tam je kvoli tomu, že v CSS už je použitý ::before, ktorý pridáva ikonu pred text "Phones"
Radek9
Profil
moldow:
Co použít a::after? Samozřejmě nějaký přesnější selektor, aby se to neaplikovalo na všechny odkazy na stránce.
moldow
Profil
Použil som nakoniec JQuery.

$('icon-phones').parent().append('<span class="second-icon"></span>');

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0