Autor | Zpráva | ||
---|---|---|---|
moldow Profil |
#1 · Zasláno: 10. 11. 2020, 16:48:23
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 |
#2 · Zasláno: 10. 11. 2020, 16:57:25
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 |
#3 · Zasláno: 11. 11. 2020, 16:53:59
Použil som nakoniec JQuery.
$('icon-phones').parent().append('<span class="second-icon"></span>'); |
||
Časová prodleva: 5 let
|
0