Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

HTML Introduction to HTML and CSS Make It Beautiful With CSS Adding a Style to several Elements using Class

Miriam Allman
PLUS
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

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

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).