html - 仅在未应用其他样式的情况下将样式应用于 IMG 元素

Question

我觉得问这个问题有点傻，因为它太基础了，但我似乎被卡住了。

我想使用 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 拒绝了。

Answer 1

css中的类选择器是一个点(.):

img.nicepic { /*not img:nicepic*/
   border:solid 12px green;
}