Есть ли CSS-селектор для IMG, который был ограничен max-width или max-height? - PullRequest
4 голосов
/ 22 августа 2011

Если я определю следующее правило CSS:

img {
    max-width:  200px;
    max-height: 200px;
    border: 1px solid black;
}

Существует ли чисто CSS-способ обнаружения тех объектов изображения, которые были бы больше без ограничений по размеру? Что-то, что семантически соответствует:

img:resized {
    border-color: green;
}

В качестве альтернативы: существует ли способ обнаружения только больших изображений? Например:

img {
    border: 1px solid black;
}
img[width>200px], img[height>200px] {
    max-width:  200px;
    max-height: 200px;
    border-color: green;
}

Спасибо!

1 Ответ

8 голосов
/ 22 августа 2011

Нет, нет CSS-селекторов, которые могли бы запрашивать свойства стиля, объявленные или вычисленные, поскольку рендеринг элементов DOM не имеет отношения к иерархии DOM.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...