Learn CSS Foundations Projects - CSS Foundations Exercise B

The Odin Project
1

Tell us what’s happening:

what is mean the fourth element should hava a red background-color

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Class and ID Selectors</title>
    <link rel="stylesheet" href="styles.css">
  </head>
  <body>
    <p class="number1">Number 1 - I'm a class!</p>
    <div class="number2">
      number text
        
    </div>
    <p class="number3">Number 3 - I'm a class, but cooler!</p>
    <div class="number4">Number 4 - I'm another ID.</div>
    <p class="number5">Number 5 - I'm a class!</p>
  </body>
</html>

/* file: styles.css */
.number1 {
  background-color: yellow;
}
.number2 {
  background-color: yellow;
  font-size: 36px;
}
.number3 {
  background-color: yellow;
  font-size: 24px;
}
.number4 {
 
  font-size: 24px;
  font-weight: bold;
  ;red: background-color
}
.number5 {
  background-color: yellow;
}

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/137.0.0.0 Safari/537.36

Challenge Information:

Learn CSS Foundations Projects - CSS Foundations Exercise B

2

Can you see which one is the 4th element? That element should have a red background color so you need to add CSS to achieve this.