CSS Seleccionar imágenes con style = "float: left" possible?

Question

Similar a la selección de img[title="test"] ¿puedo de alguna manera seleccionar imágenes que tengan una propiedad de estilo de float establecida en left?

Quiero establecer los márgenes izquierdo e inferior que no se aplican a las imágenes flotantes derechas.

Gracias.

Answer 1

Peter W tiene que ser arreglado así: (cambiado ~= a *=)

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

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

El único problema es que hace una coincidencia exacta, por lo que coincidirá con float:right, mientras float: right costumbre (nótese el espacio adicional).

He probado con éxito en Chrome e IE9, pero en IE modo de emulación no va a funcionar ...

Answer 2

No es posible sin JS. Sin embargo, puedes poner una clase en las imágenes o sus padres y hacer una regla.

Answer 3

Utilice esta:

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

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

Usted puede leer todo acerca de CSS2 selectores en uno de estos sitios:

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

solución

Answer 4

Sólo para ampliar esto un poco, esto es lo que he estado usando para todos mis imágenes . Captura flotadores, así como imágenes que están alineadas.

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