2010-09-18 4 views
0

J'utilise quelque chose comme ceci:Images CSS à côté de liens - plus spécifiques?

.entry a { 
    padding: 2px 0 0 8px; 
    background: transparent url(images/link_arrow_light.gif) left top no-repeat; 
    text-decoration: underline; 
} 

Ce qui fonctionne très bien, mais ajoute que l'image à tous les liens (images, tags h3, ...)

est-il un moyen de css avoir apparaître seulement Outre les liens qui sont dans les p-tags?

Répondre

3
.entry p a { 

Cela oblige les <a> s être un descendant d'un <p> (alors que les <p> s doivent également être descente de quelques balises avec la classe entry.)

+0

simple mais ne pouvait pas penser à cela. – Julian

+0

Mais les images ont toujours l'image. .entry p a img {background: none;} n'a pas fonctionné? merci – Julian

+1

@Julian: Malheureusement, ce n'est pas possible avec CSS seul. Vous pouvez ajouter une classe à ceux '' avec '' et définir le 'background: none' pour ces classes. – kennytm

Questions connexes