CSS Style for Specific Email Address

bockey Tips & Tricks 12 April 2025 Hits: 244

You can target a specific email address in the <a> tag using the href attribute with the ^= selector in CSS. This will work perfectly if you're styling a mailto link.

CSS code

a[href^="mailto:This email address is being protected from spambots. You need JavaScript enabled to view it."] { color: green!important; }

HTML code


<p style="text-align: center;">Saint Art Designs - <a href="mailto:This email address is being protected from spambots. You need JavaScript enabled to view it.">This email address is being protected from spambots. You need JavaScript enabled to view it.</a></p>

Boki

With more than 15 years of hands-on experience in Joomla, the author specializes in building and redesigning websites that are both functional and easy to use. Driven by a passion for clean code and thoughtful design, they help individuals and businesses bring their digital ideas to life—turning concepts into smooth, engaging online experiences.

Tips & Tricks