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

How to add a class called "social-links" to each anchor tag.

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

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

  </body>
</html>
styles.css

Kevin S
Kevin S
14,955 Points

Hey Roney,

you can add a class inside the "opening tag" of any anchor element. The anchor elements are the elements that start with <a. These are basically just the links you see on a website. The opening tag would be <a> and the closing tag would be </a>.

So, in your case this would be correct:

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

This is basically saying: "Hey web browser, just so you know this link that says Follow me on Twitter has a special designation called 'social-links'". You can then use the class name to add extra CSS rules that target only elements with those class names. The name that you give a class is totally up to you.

Let me know if this makes sense, and good luck!