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

a href .social-links { padding: 15px; margin: 10px; } ...bummer, you need to set padding 15px to the class

I do not understand, why he would take the padding???

index.html
<!doctype html>
<html>
  <head>
    <title>List Example</title>
    <link rel="stylesheet" href="styles.css">
  </head>
  <body>
    <a href="#"class="social-links">Follow me on Twitter!</a>
    <a href="#"class="social-links">Send me an Email!</a>  

  </body>
</html>
styles.css
a href.social-links { padding= 15px; margin= 10px;}

2 Answers

thank you very much!

Dave StSomeWhere
Dave StSomeWhere
19,870 Points

You should probably review the process of creating css rules, along with the terms - html elements and attributes (including class).

Your rule:

a href.social-links { 
  padding= 15px; margin= 10px;
}

is attempting to set the padding and margin to 'href' elements (which is an attribute not an element) with the class of social-links and is also a descendant of an anchor element 'a'.

Based on your html and the challenge all you really need to specify is the class.