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 на одном из этих сайтов: