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

Miriam Allman
PLUS
Miriam Allman
Courses Plus Student 1,761 Points
Posted by Miriam Allman
Miriam Allman
Courses Plus Student 1,761 Points

Don't forget the opening curly brace following the rule's CSS selector!

am i missing something

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 
h ref .social-links.{15px.padding
}
h ref.social-links.{10px.margin
}

2 Answers

Maxime Duhamel
Maxime Duhamel
7,169 Points
Maxime Duhamel
Maxime Duhamel
7,169 Points

Hi Miriam,

You are very close. Referencing a class in css start with a dot but is not between dot. And href is an attribute that you don't need to target this element in css.

html : <a href="#"class="social-links">"Follow me on Twitter!</a> the class is social-links

css : .social-links { 15px.padding }

Hope i helped.

Max

Brandon Benefield
Brandon Benefield
7,739 Points
Brandon Benefield
Brandon Benefield
7,739 Points

HTML
start with your <link> tag in the <head>. You need to remove the extra " you have at the end of your <link> tag.

Now for your CSS
I can see what you're trying to do with href.social-links but it's not necessary and in this case, you are actually spelling them wrong. Both of your links have a class of social-links which means they will share the same properties you give them in the CSS.
Your CSS should look like
.social-links { padding: 15px; margin: 10px; }

Notice there is only one . (period) at the beginning of social-links, indicating it is a class. There is no other reference to HTML tags and it does not, and will not ever have a . (period) after the class (unless you're going to reference another class, but you will learn that later).