Levando em consideração o código HTML abaixo, existe alguma maneira utilizando somente CSS de aplicar estilo diferente para o elemento i
antes do texto e o outro elemento i
após o texto?
<a href="#">
<i class="i i--icon"></i>
Text
<i class="i i--icon"></i>
</a>
Poderia aplicar um span
ao texto e resolver facilmente isso, porem gostaria de saber se existe uma forma de fazer isso sem adicionar mais código HMTL.
Obrigado.