CSS Seleziona immagini con style = "float: left" possibile?

Question

Simile alla selezione di img[title="test"] posso in qualche modo selezionare le immagini che hanno una proprietà di stile di float impostata su left?

Desidero impostare i margini sinistro e inferiore per essi che non si applicano alle immagini mobili a destra.

Grazie.

Answer 1

Peter W deve essere risolto in questo modo: (modificato ~= a *=)

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

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

L'unico problema è che rende una corrispondenza esatta, così float:right corrisponderà, mentre float: right solito (si noti lo spazio extra).

ho testato con successo in Chrome e IE9, ma in IE modalità di emulazione non funzionerà ...

Answer 2

Non possibile senza JS. Puoi mettere un corso sulle immagini o sui loro genitori e fare una regola, però.

Answer 3

Utilizzare questa:

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

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

Potete leggere tutto su CSS2 Selettori ad uno di questi siti:

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

soluzione

Answer 4

Giusto per espandere su questo un po ', questo è quello che ho usato per tutti i miei immagini . Cattura i galleggianti e le immagini allineate.

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; 
}