html - 有没有办法根据里面的内容来定位一个元素？

Question

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

Answer 1

您不能直接在 CSS 中选择匹配项的父项。js 有一些变通方法（例如搜索元素并将类属性应用到它们的父节点），但看起来有点笨拙。你宁愿重构你的文档结构来找到一个更巧妙的解决方案。

Answer 2

当然，只需使用

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

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

a.yourclass img {}

Answer 3

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

正如 Theo.T 提到的，您可以使用 JS 解决方法。

一个想法是做一个元素 innerHTML 检查以查看元素内部是否有 <img> 标签，如果有，则更改 element.className = "nostyle"; 但这是一个混乱的解决方法，当您在 JS（和跨浏览器）中获得正确的语法时，您可能已经重构了您的文档。

Answer 4

不需要锚类。

a[rel="image"] img {}