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

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

Nils Kriedner
Nils Kriedner
Front End Web Development Techdegree Student 19,060 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?