CSS Sélectionnez Images avec style = "float: left" possible?

Question

Semblable à la sélection img[title="test"] puis-je en quelque sorte sélectionner les images qui ont une propriété de style de float mis à left?

Je veux définir les marges gauche et inférieure qui ne s'appliquent pas aux images flottantes.

Merci.

Answer 1

solution Peter W doit être corrigé comme ceci: (changé ~= à *=)

img[style*="float:left"] { 
    margin: 5px 15px 0px 0px; 
} 

img[style*="float:right"] { 
    margin: 5px 0px 0px 15px; 
} 

Le seul problème est qu'il fait une correspondance exacte, donc float:right correspondra, alors que float: right habitude (notez l'espace supplémentaire).

J'ai testé avec succès dans Chrome et IE9, mais dans IE mode d'émulation ne fonctionnera pas ...

Answer 2

Pas possible sans JS. Vous pouvez mettre un cours sur les images ou leurs parents et faire une règle, cependant.

Answer 3

Utilisez ceci:

img[style~="float:left"] { 
    margin: 5px 15px 0px 0px; 
} 

img[style~="float:right"] { 
    margin: 5px 0px 0px 15px; 
} 

Vous pouvez lire tout CSS2 Selectors à l'un de ces sites:

• CSS2 attr selector examples at quirksmode
• CSS2 attr selector reference from w3.org

Answer 4

Juste pour développer ce un peu, ce que je me sers pour tous mes images . Il attrape les flotteurs ainsi que les images alignées.

img[align="left"], 
img[style*="float: left"], 
img[style*="float:left"]{ 
    margin: 5px 15px 0px 0px; 
} 
img[align="right"], 
img[style*="float: right"], 
img[style*="float:right"]{ 
    margin: 5px 0px 0px 15px; 
}