I'm messing around with CSS in my web portal, where after much testing I have managed to apply styles to external links with the following rule without the need to include conditionals and replaces in my functions.php
:
.entry-content a:not( [href*='miweb.com/'] ):after{
font-family: "Font Awesome 5 Free";
content: url('https://api.iconify.design/fa-solid:sign-out-alt.svg?height=16');
}
Now, I'd like to continue styling the mail links to give them an email icon.
Is there a way to tell CSS to apply a new rule when it contains mailto:
?
The following might work:
CSS: