Påverka alla länkar men ej länkade bilder

[ponka]

Hej,

 

Har glömt bort hur man gör detta (om det ens går) med CSS... Jag vill sätta en bakgrundsbild (en liten pil) på alla länkar i en div (dvs alla a-taggar) som heter mainBody och som innehåller content inmatad av redaktörer med Episerver. Problemet är att det kan ligga länkade bilder där också och de vill jag INTE påverka. Har för mej att man kan använda pseudoklasser för detta men jag kommer inte ihåg hur som sagt.

 

Detta funkar inte tyvärr:

 

.MainBody a

{

background: url(../Images/Containers/arrow_small.png) no-repeat 0 2px;

padding: 0 0 0 14px;

}

 

.MainBody a img

{

background: none !important;

padding: 0 !important;

}

 

Tacksam för svar.

 

//Pontus

 

[Jonas__B]

det går att göra med jquery; en selector där man har alla länkar som inte innehåller img-tagg i sig. Med Css2.1 (IE) är det nog svårt att få till.

 

[ponka]

Ja, jag misstänkte det. Skulle helst vilja slippa javascript, men går det inte på annat sätt så...

 

Pontus

 

[ponka]

Har du exempelkod?

 

[Jonas__B]

$(".MainBody a img").parent().addClass("imagelink");

 

Lägger till en klass på alla länkar (a) som har en bild i sig.

Sen får du ändra i cssen

.MainBody a 
{
background: url(../Images/Containers/arrow_small.png) no-repeat 0 2px;
padding: 0 0 0 14px;
}

.MainBody a.imagelink
{
background: none !important;
padding: 0 !important;
}