Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML Introduction to HTML and CSS (2016) Make It Beautiful With CSS Adding a Style to several Elements using Class

Megan Cross
Megan Cross
2,045 Points
Posted by Megan Cross
Megan Cross
2,045 Points

How do I add a class to an anchor tag?

I added a class called social-links but it's not right.

index.html 
<!doctype html>
<html>
  <head>
    <title>List Example</title>
    <link rel="stylesheet" href="styles.css">
  </head>
  <body>

< a class="social-links"> href="#">Follow me on Twitter!</a>
< a class="social-links"> href="#">Send me an Email!</a>

  </body>
</html>
styles.css

3 Answers

Nick Trabue
PLUS
Nick Trabue
Courses Plus Student 12,666 Points
Nick Trabue
Nick Trabue
Courses Plus Student 12,666 Points

Hey there, you were close but you're closing the anchor tag before declaring the href. Try this 

<a class="social-links" href="#">Text you want to show </a>

This is really common in html. Attributes of a tag will all go within the opening and closing of the tag no matter how many there are. 

<a class="some-class" id="some-id" href="#" target="_blank" rel="NOINDEX, NOFOLLOW">link text</a>
Steven Parker
Steven Parker
231,236 Points
Steven Parker
Steven Parker
231,236 Points

The class itself seems OK but there's a couple of other issues:

  • there should be no ">" symbol after the class because there is still more to the tag (href)
  • there should be no space between the "<" and the "a" at the beginning of the tag
Fatuma Iman
PLUS
Fatuma Iman
Courses Plus Student 801 Points
Fatuma Iman
Fatuma Iman
Courses Plus Student 801 Points

<a class="social-links"> href="#">Follow me on Twitter!</a> <a class="social-links"> href="#">Send me an Email!</a>

you need to make sure that there is no space between "<" and "a" and make sure to close the tag after putting in the class. ">" before starting the href