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

Balajee Shrikanth
PLUS
Balajee Shrikanth
Courses Plus Student 885 Points
Posted by Balajee Shrikanth
Balajee Shrikanth
Courses Plus Student 885 Points

In the CSS file, create a rule for the .social-links class. You don't need to write any style instructions yet.

In the CSS file, create a rule for the .social-links class. You don't need to write any style instructions yet.

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

    <a class="social-links" href="https://www.twitter.com/treehouse">Follow me on Twitter!</a>
    <a class="social-links" href="www.gmail.com">Send me an Email!</a>

  </body>
</html>
styles.css 
.social-link{
  color: lightblue;
}

3 Answers

Jennifer Nordell
seal-mask
STAFF
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher
Jennifer Nordell
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher

Hi there! You're doing fine, but it's important to pay very close attention to the instructions. They've asked you to set up a rule for the class "social-links", but instead, you've set up a rule for "social-link". Note that the first version is the plural form. Also, the challenge explicitly says not to include any rules, but you've included a rule to set the text color.

Here's how I did it:

.social-links {

}

You will be asked to add rules to this selector in the next step.

:bulb: These challenges tend to be very literal. It's always a good idea to not do anything the challenge doesn't explicitly ask for. Even if functional, it can cause the challenge to fail.

Hope this helps! :sparkles:

Thomas Fildes
Thomas Fildes
22,687 Points
Thomas Fildes
Thomas Fildes
22,687 Points

Hi Balajee,

I think the problem is that you need to change your selector name as you have put .social-link instead of .social-links. Also, the challenge asks you to not write any instructions yet so you can omit your color property rule from the selector. Please see the below code for reference:

.social-links {

}

Hope this helps! Happy Coding!!!