html - 使用:has()从<img>或<i>中删除下划线(如果由 anchor 链接包裹)

<a href="link">
    <i class="icon is-ac-coloured fab fa-facebook-square fa-2x"></i>
</a>

a:has(> img), a:has(> i) {
  text-decoration: none;
}

为什么我还能看到图片上的下划线？

如果锚链接包装图像或斜体标记，我希望将其删除。

最佳答案

：has（）是一个CSS4选择器，它是一个工作草稿：https://drafts.csswg.org/selectors-4/#relational，看https://caniuse.com/#search=%3Ahas没有很好的浏览器支持。所以这可能是你什么都看不到的原因，它只是没有被解析。
必须使用JavaScript编写，或者将类附加到正在扭曲图像和图标的锚。

.remove-text-decoration {
  text-decoration: none;
}

关于html - 使用:has()从<img>或<i>中删除下划线(如果由 anchor 链接包裹)，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/52077722/