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 Gerald Esparza
Gerald Esparza
Courses Plus Student 157 Points

In the CSS file, use the class to give both <a> tags 15px of padding and 10px of margin.

what im i missing

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 
.social-links{
  text-align: center;
    color: red;
}.social-links

.social-links {
  padding: 15px;
  margin: 10px;
}
Jaspal Singh
Jaspal Singh
13,525 Points
Jaspal Singh
Jaspal Singh
13,525 Points

Hi

You have given the anchor tags same class so don’t repeat the class for giving both of them padding and your repeating the class on line no 4 of css

2 Answers

Austin Whipple
Austin Whipple
29,725 Points
Austin Whipple
Austin Whipple
29,725 Points

Getting there! However, you don't need quite so many duplicate selectors in your CSS. For the challenge, only select .social-links once and include all your declarations in the same block:

.example-class-selector {
   property1: value1;
   property2: value2;
}

No need to select the same element again. (And be sure to clean up selectors without any declarations.)

You can read more about CSS syntax on the Mozilla Developer Network.

Zack Lee
Zack Lee
Courses Plus Student 17,662 Points
Zack Lee
Zack Lee
Courses Plus Student 17,662 Points

there is also a syntax error after your first declaration where you write .social-links with no follow up. As Austin pointed out, you can organize all these properties under one declaration.

Zack Lee
PLUS
Zack Lee
Courses Plus Student 17,662 Points
Zack Lee
Zack Lee
Courses Plus Student 17,662 Points

try selecting them by the <a> tag, not their class name

Austin Whipple
Austin Whipple
29,725 Points
Austin Whipple
Austin Whipple
29,725 Points

While selecting the elements with their tag name instead of their class is valid CSS, it probably won't pass in this challenge since it's asking to specifically use the class name.