CSS Wybierz Obrazy ze stylem = "float: left" możliwe?

Question

Podobnie jak w przypadku wybrania opcji img[title="test"], czy mogę w jakiś sposób wybrać obrazy, które mają właściwość stylu float ustawioną na left?

Chcę ustawić dla nich lewy i dolny margines, które nie mają zastosowania do prawych obrazów pływających.

Dziękuję.

Answer 1

Peter W musi być naprawiono w ten sposób: (zmieniono ~= na *=)

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

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

Jedynym problemem jest to, że sprawia, że ​​dokładne dopasowanie, tak float:right będzie pasował, a float: right przyzwyczajenie (zauważ dodatkową przestrzeń).

I przetestowane z powodzeniem w Chrome i IE9, ale w IE emulacja tryb nie będzie działać ...

Answer 2

Niemożliwe bez JS. Możesz umieścić klasę na zdjęciach lub ich rodzicach i stworzyć regułę.

Answer 3

Użyj tego:

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

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

Można przeczytać o CSS2 selektorów na jednej z tych stron:

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

rozwiązanie

Answer 4

Wystarczy rozszerzyć na ten kawałek, to co używam do wszystkich moich obrazów . Łapie pływaki oraz wyrównane obrazy.

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