时间戳

首页 > 解决方案 > ::after 伪元素不会在 iOS 上被覆盖

html - ::after 伪元素不会在 iOS 上被覆盖

问题描述

我有一个带有两个类的锚标记：

<a href="..." class="class1 class2">...</a>

现在我对这两个类都有不同的::after元素：

我希望 after 元素class1被 after 元素覆盖，class2如下所示：

.class1::after{
content:"3rem after";
font-size:3rem;
}

.class2::after{
content:"2rem after";
font-size:2rem;
}
<a href="#" class="class1">after this one should be a large text</a>
<br>
<a href="#" class="class1 class2">after this one should be a small text</a>

这在 Firefox、Chrome 和 Edge 上运行良好，但在 Safari 上不会被覆盖。有什么建议吗，为什么它在 Safari 上不起作用？

标签： htmlcssios

解决方案

推荐阅读