是否可以编写一个css规则，然后让一些元素忽略它？

Question

我希望所有图片都采用此规则

img{width:300px;height:300px;}

除了我要保留默认比例的几张图片。如何实现这一目标？我知道这不是最佳实践，但由于某些项目限制，这可能是我实现这一目标的唯一方法。

Answer 1

.default-image
{
  width: auto; 
  height: auto;
}

<!-- Image with default bounds -->
<img src="..." class="default-image" />

Answer 2

更具体的选择器将覆盖不太具体的选择器。所以，如果你有

img{width:300px;height:300px;}

以及

img.keepMySize{width:auto;height:auto;}

然后使用keepMySize类的图像不会受到您通常分配给img的尺寸的影响。

Answer 3

CSS3 6.6.7。否定伪类http://www.w3.org/TR/css3-selectors/#negation

  

示例：以下选择器   匹配HTML中的所有按钮元素   未禁用的文档。   按钮：否（[停止]）

img:not(.thisimage) {...}

Compatibility