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;
}

Answer 2

嘿，有一点变化

CSS代码

IMG {  
     /* I want this to apply to all images except those where other style applied */
     border: solid 12px red;
     width:50%;
   }

  IMG.nicepic {/*not (:) is (.)*/
     border:solid 12px green;
   }

参见演示http://jsfiddle.net/JentiDabhi/ygco1ahf/

Answer 3

为什么不为第一张图片创建一个单独的类，所以你不必使用通用的“img”？

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

3 个答案: