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

Daniel Zimmerman
Daniel Zimmerman
210 Points
Posted by Daniel Zimmerman
Daniel Zimmerman
210 Points

You need to set the 'class' attribute of the first <a> element to "social-links". Restart ? what is this?

Completely confused here due to the <A> and a href the video tutorials explained how to do this in <P> tags paragraphs. Can anyone simplify this?

cheers,

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

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

  </body>
</html>
styles.css 
.social links {

}

1 Answer

Unsubscribed User
seal-mask
.a{fill-rule:evenodd;}techdegree
Unsubscribed User
Front End Web Development Techdegree Student 33,900 Points
Unsubscribed User
.a{fill-rule:evenodd;}techdegree
Unsubscribed User
Front End Web Development Techdegree Student 33,900 Points

Hi Daniel,

you can actually give a class to almost all elements if you need to.

Examples:

<h1 class=“main-heading>Text of the heading</h1>

<p class=“red-text-color“>Text of a red paragraph</p>

<a class=“pink-color“ href=“https://www.google.com“>Text of pink link to google</a>

"class" and "href" are both attributes. You can (and often have to) assign multiple attributes to one element...

Is it clear with these examples?