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

Kyle Parker
Kyle Parker
182 Points

im not quite understanding this part on how to make a social links class like where do I put it and what do I write?

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
.social links 

1 Answer

Nikos Papapetrou
Nikos Papapetrou
5,551 Points

You simple have to set a class in the anchor element. Something like that:

 <a href="#" class="social-links">Follow me on Twitter!</a> => add class after the href or
 <a class="social-links" href="#">Send me an Email!</a>  => add class before the href

I think it is better after the href even it doesn't matter. Whatever you choose keep it consistent. You can define class the same ways in all ellements: div, section, nav etc.

Nikos Papapetrou
Nikos Papapetrou
5,551 Points

Also in css when you select css selectors you use the exact same name with dot.

.social-links {
color: white;
}