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

How do i add a class called "social-links" to each anchor tag?

how do i properly do this problem?

I am trying social-links to each anchor tag

i thought this is how you do it?

<ul> <li><a href="http://twitter.com/triiggsmusic"target="_blank"class="social twitter">Twitter</a></li> <li><a href="#" class="social linkedin">LinkedIn</a></li> <li><a href="#" class="social github">Github</a></li>

index.html
<!doctype html>
<html>
  <head>
    <title>List Example</title>
    <link rel="stylesheet" href="styles.css">
  </head>
  <body>
    <a>"social-links"</a>
    <li><a href="twitter">Follow me on Twitter!</a></li>
    <li><a href="email">Send me an Email!</a></li>

  </body>
</html>
styles.css

2 Answers

please, can someone help me on how to add a class link to anchor tag? lol, it is like am getting stock on this particular challenge.. please I need a help

Lee Vaughn
seal-mask
STAFF
.a{fill-rule:evenodd;}techdegree seal-36
Lee Vaughn
Treehouse Teacher

The typed section of the code is close but the class you are assigning to the anchor tags is not the same as what the challenge is asking you to add.

Read back over the challenge taking note of what is in parenthesis and then double check what you are adding for class names.

If that isn't enough to help you figure it out see the code example below:

<!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>