Html – CSS After Element to insert mailto link


I'm attempting to display a mailto link. Is that possible with CSS?


<li class="fe footer_no_link"></li>


.footer_column .fe:after {content:"<a href=""></a>"; }

Best Solution

you cannot add html elements with the CSS3 ::after or ::before selectors. The content:"" property will only accept plain text.

You must remember that CSS is for styling purposes only. This includes the ::before and ::after selectors.

Your best option is to use a JavaScript alternative.