除了SVG

Question

不知道是否可行，但我想通过以下方式扩展我网站上的所有图片：

.myClass img {
    height: auto;
}

但是，所有* .svg文件都不应与该模式匹配。有没有办法通过本地CSS进行此操作？

我发现了这样的事情：

.myClass img[src$=".svg"] {height: auto;}

但这似乎只触发了svg文件。尝试使用！= 似乎在语法上不正确。

Answer 1

为此，您需要引用属性选择器。

示例：

.myclass[src$=".svg"]

参考; http://www.w3schools.com/css/css_attribute_selectors.asp

编辑; 刚看到你的编辑。 在css中你也可以使用：not（selector）

示例：

.myclass:not([src$=".svg"]);

Answer 2

.myClass img {
  height: auto;
}
.myClass img[src$=svg i] {
  height: 100px;
}

首先设置所有图像的高度，然后重置所有具有src的图像的设置，后缀svg不区分大小写