有没有办法根据内部的内容来定位元素？

Question

在我的页面上，我有自定义样式的超链接，我也有很多超链接图像。我不希望这些自定义样式出现在仅包含图像的超链接上。而不是为每个超链接图像添加一个单独的类（即“nostyle”），我可以以某种方式从我的样式表中定位超链接图像吗？

Answer 1

您无法直接在CSS中选择匹配项的父级。有js的解决方法（例如搜索元素并将类属性应用于其父节点）但似乎有点笨拙。您宁愿重构您的文档结构以找出更灵活的解决方案。

Answer 2

当然，只需使用

a img {
  // your style here...
}

如果您只想定位某类链接中的图片，请使用

a.yourclass img {}

Answer 3

根据听起来你要求的答案是否定的。你不能只在CSS中向后退。

正如Theo.T所提到的，你可以有一个JS解决方案。

一个想法是进行元素innerHTML检查以查看该元素是否具有＆lt; img＆gt;在其中标记，如果是，则更改element.className =“nostyle”;但这是一个混乱的解决方法，当你在JS（和跨浏览器）中获得正确的语法时，你可以重新考虑你的文档。

Answer 4

不需要锚类。

a[rel="image"] img {}