CSS Chọn hình ảnh có kiểu = "float: left" có thể?

Question

Tương tự như việc chọn img[title="test"] tôi có thể chọn hình ảnh nào có thuộc tính kiểu là float được đặt thành left bằng cách nào đó?

Tôi muốn đặt lề trái và dưới cho chúng không áp dụng cho hình ảnh nổi bên phải.

Cảm ơn bạn.

Answer 1

Peter W giải pháp cần phải được cố định như sau: (thay đổi ~= thành *=)

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

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

Vấn đề duy nhất là nó làm cho một kết hợp chính xác, vì vậy float:right sẽ phù hợp, trong khi float: right sẽ không (chú ý thêm không gian).

Tôi đã thử nghiệm thành công trong Chrome và IE9, nhưng trong IE thi đua chế độ sẽ không làm việc ...

Answer 2

Không thể nếu không có JS. Bạn có thể đặt một lớp trên hình ảnh hoặc cha mẹ của họ và thực hiện một quy tắc, mặc dù.

Answer 3

Sử dụng này:

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

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

Bạn có thể đọc tất cả về CSS2 Selectors tại một trong các trang web này:

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

Answer 4

Chỉ cần mở rộng về vấn đề này một chút, đây là những gì tôi đã được sử dụng cho tất cả các hình ảnh của tôi . Nó bắt nổi cũng như hình ảnh được căn chỉnh.

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