如果我定义以下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;
}
谢谢!
答案 0 :(得分:8)
不,没有CSS选择器可以查询样式属性,无论是声明还是计算,因为DOM元素的呈现与DOM层次结构无关。