css - 是否存在受最大宽度或最大高度限制的 IMG CSS 选择器？

Question

如果我定义以下 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;
}

谢谢!

Answer 1

不，没有可以查询样式属性的 CSS 选择器，无论是声明的还是计算的，因为 DOM 元素的呈现与 DOM 层次结构无关。