3.5.2 We Really Like Dairy

  • Due Oct 2, 2024 by 11:59pm
  • Points 5
  • Submitting a file upload
  • File Types html
  • Available after Oct 1, 2024 at 12am

This webpage contains a grocery list.

Step One
First, create a CSS rule such that every li tag has the font-size 20px.
Run the code and note the difference it makes.

Step Two
Using what you know about CSS rule precedence, create a class named dairy and use it to make the list elements “Milk” and “Cheese” have the font-size 30px.

 

STARTER CODE

<!DOCTYPE html>
<html>
    <head>
        <title>Grocery List</title>
        
        <style>
        
        </style>
    </head>
    
    <body>
        <h1>Food I Need</h1>
        
        <ul>
            <li>Milk</li>
            <li>Bread</li>
            <li>Cheese</li>
            <li>Tea</li>
            <li>Lettuce</li>
            <li>Apples</li>
        </ul>
    </body>
</html>
1727935199 10/02/2024 11:59pm