Autor Zpráva
Michalek
Profil
Zdravím, hned k dotazu.

a[href$=".pdf"] {background-image:url("pdf.png"); background-repeat: no-repeat; background-position: 100% 0;padding-right:22px;}

funguje pro
<a href="http://wwwexample.com/aa.pdf">PDF (244 KiB)</a>


ale nechci aby fungovalo pro
<a href="soubor.pdf"><img src="obrazek.png"></a>


Jak toho dosáhnout, pokud nechci používat třídy ani javascript? Nějaké only css řešení, pokud existuje. Díky.
Railbot
Profil
Nijak. Když něco definuješ obecně pro všechny odkazy, tak se to na všech projeví. Leda to ke každému odkazu, kde to chce, automaticky zapisovat inline stylem.

Leda, zalezi na tom, kde ktery odkaz mas. Pokud je kazdy v jinem prvku, potom by to slo.
Michalek
Profil
Railbot
Díky, já jen jestli mi něco neuniklo, myslel jsem něco na způsob "a<img" (a obsahující img) nebo tak.
temistokles
Profil
myslel jsem něco na způsob "a<img"
Nič nebráni to skúsiť, možno to bude fungovať.
DJ Miky
Profil
Použij:
a img {...}

A v tom ty vlastnosti deifnované pro a[href$=".pdf"] zase odnastav, resp. nastav je do normálu.
Michalek
Profil
DJ Miky
Tó nepůjde. "a img" nastavuju vlastnosti pro obrázek v odkazu, ne pro samotný odkaz... Dalo by se vyřešit asi záporným paddingem/marginem a třeba bílým pozadím, ale to už tam radši vrazím tu třídu.

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