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

Posted by Antonio Chavez
Antonio Chavez
215 Points

"Add a class called "social-links" to each anchor tag." Need help

perhaps a guide rather than an answer would best help :)

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

    <a class="twitter">Follow me on Twitter!</a>
    <a class="email">Send me an Email!</a>

  </body>
</html>
styles.css 
.follow me on twitter!{
border 5px, color red
}
.send me an email!{
border 10 px, color red
}

2 Answers

Pete P
Pete P
7,613 Points
Pete P
Pete P
7,613 Points

The same class name will be used for both anchor tags and they are telling you the class name = "social-links". You should not change any of the given html (the href="#"), just add the class after that piece in each of the anchor tags.

Anthony gedeon
Anthony gedeon
6,140 Points
Anthony gedeon
Anthony gedeon
6,140 Points

Hey Antonio Chavez,

So, the problem you are having is adding the extra text in the CSS and replacing the hash (#) with classes. For example,

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

.social-links {
margin: 10px;
padding: 15px;
}

best regards, Anthony Gedeon

p.s: let me know if this helped you in anyway!