CSS Выберите изображения со стилем = "float: left" возможно?
Как и при выборе img[title="test"]
, я могу каким-то образом выбрать изображения, у которых свойство стиля float
установлено на left
?
Я хочу установить для них левый и нижний поля, которые не применяются к правильным плавающим изображениям.
Спасибо.
Ответы
Ответ 1
Решение Peter W необходимо зафиксировать следующим образом: (изменено ~=
на *=
)
img[style*="float:left"] {
margin: 5px 15px 0px 0px;
}
img[style*="float:right"] {
margin: 5px 0px 0px 15px;
}
Единственная проблема заключается в том, что он делает точное совпадение, поэтому float:right
будет соответствовать, а float: right
wont (обратите внимание на дополнительное пространство).
Я успешно протестировал Chrome и IE9, но в режиме эмуляции IE не будет работать...
Ответ 2
Просто, чтобы немного расшириться, это то, что я использовал для всех своих изображений. Он захватывает поплавки, а также изображения, которые выровнены.
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;
}
Ответ 3
Невозможно без JS. Вы можете поместить класс на изображения или их родителей и сделать правило.
Ответ 4
Используйте это:
img[style~="float:left"] {
margin: 5px 15px 0px 0px;
}
img[style~="float:right"] {
margin: 5px 0px 0px 15px;
}
Вы можете прочитать все о селекторах CSS2 на одном из этих сайтов: