如果我定义以下 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;
}
Thanks!
不,没有可以查询样式属性(无论是声明的还是计算的)的 CSS 选择器,因为 DOM 元素的呈现与 DOM 层次结构无关。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)