使用锚定链接使用{has（）从<img/>或<i>中删除下划线

Question

<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;
}

为什么我仍然可以在图像上看到下划线？

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

Answer 1

：has（）是CSS4选择器，其工作草案为：https://drafts.csswg.org/selectors-4/#relational，看着https://caniuse.com/#search=%3Ahas并没有强大的浏览器支持。因此，这可能就是您没有看到根本没有被解析的原因。

必须使用JavaScript编写此代码，或者将类附加到扭曲图像和图标的锚点上。

GridLayout