如何使用css/html来隐藏像*-1.jpg或*-1.gif这样的src图像？

Question

我想在标签img中隐藏一些图像，它们的名字看起来像*-1.jpg、*-2.jpg或*-1.gif，我怎么做呢？我找到了一些答案如下，但我不知道如何使用它们作为我的问题.

img[src='']{
    display: none;
}
img[src='Error.src']{
    display: none;
}

我希望隐藏img，但是显示一个href，这有可能吗？

<a href="http://www.brickshelf.com/gallery/mikezang/clonebrick/stardiamond/80029.jpg" title="星钻／军事／CV-12 侦察吉普车&lt;br /&gt;Star Diamond／Military／CV-12 Reconnaissance Vehicle">
<img src="http://www.brickshelf.com/gallery/mikezang/clonebrick/stardiamond/80029.jpg" height="64" />

Answer 1

您可以使用$= 属性选择器来匹配src属性的末尾。

[att$=val] 表示一个具有att属性的元素，其值以后缀"val“结尾。如果"val“是空字符串，则选择器不表示任何内容。

你的问题在你想要隐藏的东西上有点模糊，但基于你所提供的，我认为最简单的解决方案是有三个独立的选择器来匹配每一种情况：

img[src$="-1.jpg"], img[src$="-2.jog"], img[src$="-1.gif"] {
    display: none;
}

Answer 2

CSS具有基于任何一个属性的目标HTML元素的能力。您可能已经知道了类和ID。更多信息