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

Janecia Easter
Janecia Easter
354 Points
Posted by Janecia Easter
Janecia Easter
354 Points

Need help on adding the class for the social links ...

Im stuck on the adding the class to for the social links

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

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

  </body>
</html>
styles.css
Joanna Moreno Gil
Joanna Moreno Gil
1,358 Points
Joanna Moreno Gil
Joanna Moreno Gil
1,358 Points

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

<a href="www.twitter.com">Follow me on Twitter!</a>
<a href="">Send me an Email!</a>

</body> </html>

3 Answers

seth aruby
seth aruby
10,110 Points
seth aruby
seth aruby
10,110 Points

Hi Janecia, youll just want to do the following:

<a class="social-links" href="#">Follow me on Twitter!</a>
<a class="social-links" href="#">Send me an Email!</a>
Steven Parker
Steven Parker
229,732 Points
Steven Parker
Steven Parker
229,732 Points

Adding an attribute of any kind (including a class) involves putting the attribute name, and equal-sign, and the value to give it inside the beginning tag. Example:

    <a href="#" class="social-links">Follow me on Twitter!</a>
Hector F Cortes Prado
Hector F Cortes Prado
1,986 Points
Hector F Cortes Prado
Hector F Cortes Prado
1,986 Points

I'm stuck in this part of the quiz anyone who knows ?

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

Steven Parker
Steven Parker
229,732 Points
Steven Parker
Steven Parker
229,732 Points

In future always start a fresh question instead of posting one as an "answer" to another question!

But you need a space between the value of one attribute and the name of the next attribute.