Блог

У меня есть тег привязки с двумя классами:

 <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?