我觉得问这个问题有点傻,因为它太基础了,但我似乎被卡住了。
我想使用 CSS 将样式应用于页面上未应用其他类的所有 IMG 元素。
例如,假设我希望我页面上的所有图像都具有红色边框,除非应用了一个表示不同的类。这是基本的东西,对吧?但是我发现我的其他类被基 IMG 类覆盖了。
在下面的简单示例中,我想在顶部图像上使用红色边框,在所有其他图像上使用绿色边框:
CSS:
<style>
IMG {
/* I want this to apply to all images except those where other style applied */
border: solid 12px red;
width:50%;
}
IMG:nicepic {
border:solid 12px green;
}
</style>
编辑:问题是打字错误,仅此而已。 IMG:nicepic
应该读作 IMG.nicepic
(用“.”代替“:”)。整个问题是基于我的 CSS 中的一个简单错字;我试图删除问题,但被 stackoverflow 拒绝了。
最佳答案
css中的类选择器是一个点(.)
:
img.nicepic { /*not img:nicepic*/
border:solid 12px green;
}
关于html - 仅在未应用其他样式的情况下将样式应用于 IMG 元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28405761/