仅使用CSS隐藏具有其他同类的特定图像

我有一个网页谁包含2个图标，我需要隐藏其中一个。问题是两个图像具有相同的类，因此我不能简单地使用

.color\u box{display:none；}

，因为在这种情况下，两个图像都将被隐藏。这两张图片之间的唯一区别是它们自己的标题标签，所以我想知道是否有可能对此做些什么。下面是一个代码示例：

<img title="Annotation" class="color_box" src="http://www.site.com/images1.png">

<img title="Reservation" class="color_box" src="http://www.site.com/images2.png">

精度：

• 我无法访问相关页面的html
• 我只允许通过修改全局样式表文件来使用CSS
• 不可能使用Javascript

有什么建议吗？

你可以用。他们一直工作到IE7

img[title="Annotation"], img[src$="images2.png"] { display: none }

正如@Jon所指出的，这完全依赖于HTML，所以如果它发生了变化，你就有点完蛋了。我加入了

src

属性，只是为了说明这也是一种可能性。

您可以使用一个属性仅针对一个图像：

img[title=Annotation] { display: none; }

如果HTML在没有警告的情况下更改，则很容易出现这种情况，但是考虑到您提供的限制，没有更好的选择。

img[title=“Annotation”]{display:none；}