Question

我想在标记img src中隐藏一些图像，它们的名称看起来像*-1.jpg，*-2.jpg或*-1.gif，我该怎么办？我找到了一些答案如下，但我不确定如何将它们用于我的问题......

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

我希望隐藏img src，但是显示一个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

您可以使用$= attribute selector来匹配src属性的结尾。

[att$=val]

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

你的问题对于你想要隐藏的内容有点模糊，但根据你提供的内容，我认为最简单的解决方案是有三个独立的选择器来匹配每个案例：

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

Answer 2

CSS可以根据 attributes 中的任何一个来定位HTML元素。您可能已经了解了类和ID。的 more info

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

2 个答案:

`[att$=val]`