0

我有一个包含 2 个图标的页面，我需要隐藏其中一个。问题是两个图像都有相同的类，所以我不能简单地使用.color_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

有什么建议吗？

4

2 回答 2

5

您可以使用属性选择器。他们一直工作到 IE7。 

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

正如@Jon 所指出的，这完全取决于 HTML，所以如果它发生变化，你就会搞砸了。我包含该src属性只是为了说明它也是一种可能性。

于 2013-08-15T20:11:19.227 回答
3

您可以使用属性值选择器仅定位一个图像：

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

如果 HTML 在没有警告的情况下更改，这很容易中断，但鉴于您给出的限制，没有更好的选择。

于 2013-08-15T20:11:33.030 回答