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

Steve Saddler
Steve Saddler
1,416 Points
Posted by Steve Saddler
Steve Saddler
1,416 Points

im just hitting a brickwall on this one. .social-links { border: red } how off am i

what am i doing wrong here

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

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

  </body>
</html>
styles.css 
.socail-links {
border 5px
}

4 Answers

Steven Parker
Steven Parker
231,268 Points
Steven Parker
Steven Parker
231,268 Points

You have a spelling error where you have "socail" instead of "social" in the selector of the CSS rule. And there needs to be a colon between the property and value being set.

Steve Saddler
Steve Saddler
1,416 Points
Steve Saddler
Steve Saddler
1,416 Points

bangs head on wall

Thank you very much lol

Joash Nyabuti
Joash Nyabuti
514 Points
Joash Nyabuti
Joash Nyabuti
514 Points

.social-links{ color: 5px solid red; } you din't have to write any styles yet but if you want to : 5px solid red; there must be space between them

Salwa Elmohandes
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Salwa Elmohandes
Full Stack JavaScript Techdegree Graduate 20,240 Points
Salwa Elmohandes
.a{fill-rule:evenodd;}techdegree seal-36
Salwa Elmohandes
Full Stack JavaScript Techdegree Graduate 20,240 Points

In the CSS file, it looks like you misspelled social-links and you forgot the colon and semi-colon.

.social-links {
border: red 5px;
}
Steven Parker
Steven Parker
231,268 Points
Steven Parker
Steven Parker
231,268 Points

FYI: Semicolons are optional after the last setting (but a "best practice").

Steven Parker
Steven Parker
231,268 Points
Steven Parker
Steven Parker
231,268 Points

Steve Saddler — Glad to help. You can mark a question solved by choosing a "best answer".
And happy coding!