CSS Выбрать изображения с помощью style = "float: left" возможно? - PullRequest
Новая
       32

CSS Выбрать изображения с помощью style = "float: left" возможно?

15 голосов
/ 15 сентября 2010

Аналогично выбору img[title="test"] могу ли я каким-то образом выбрать изображения со свойством стиля float, установленным на left?

Я хочу установить для них левое и нижнее поля, которые не применяются к правым плавающим изображениям.

Спасибо.

Ответы [ 4 ]

30 голосов
/ 18 июля 2012

Решение Peter W необходимо исправить следующим образом: (изменено ~= на *=) 

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

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

Единственная проблема заключается в том, что он делает точное совпадение, поэтому float:right будет соответствовать, в то время как float: right не будет (обратите внимание на дополнительное пространство).

Я успешно протестировал в Chrome и IE9, но в IE эмуляция режим не будет работать ...

18 голосов
/ 15 мая 2013

Просто, чтобы немного расширить это, это то, что я использовал для всех своих изображений.Он ловит поплавки, а также выровненные изображения. 

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 голосов
/ 15 сентября 2010

Невозможно без JS.Вы можете поместить класс на изображения или их родителей и установить правило.

2 голосов
/ 02 ноября 2011

Используйте это: 

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

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

Вы можете прочитать все о CSS2 селекторах на одном из этих сайтов:

...