Selection and insert content to a link with :before with class name does not work

Question

Why doesn't the following work:

HTML:

<aside class="vcard">
     <a href="mailto:info@cepods.com" class"email">info@company.com</a>
     <a href="tel:7865201412" class="tel">436-560-1487</a>
</aside>

CSS:

.vcard a.email:before {
  content: "Contact us: ";
}

Is it not possible to add content with this method? I've had the issues several times, is the way of selecting not correct?

score 0 · Accepted Answer · answered Oct 11 '13 at 19:32

0

They is a syntax error in the HTML.. you forgot the = after class..

It should be: class="email"

It works now.. jsFiddle here

answered Oct 11 '13 at 19:32

Josh Crozier

233,099
56
391
304

1

Working too long.. you don't see those small details. – Daniel Ramirez-Escudero Oct 11 '13 at 19:33
@DanielRamirez-Escudero As a side note, you should check the developer tool (F12) you will be able to see these errors. – Josh Crozier Oct 11 '13 at 19:34

Selection and insert content to a link with :before with class name does not work

1 Answers1