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
Posted by 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
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
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;
}