What is a body selector?

HTML-CSS
1

**Tell us what’s happening:**This is what it tells me " The text is centered again so the link to the CSS file is working. Add another style to the file that changes the background-color property to brown for the body element."
After i do it it says that it is wrong and the hint tells me i should use a body selector.
can someone explain what a body selector is?

   **Your code so far**

/* file: index.html */
<!DOCTYPE html>
<html lang="en">
 <head>
   <meta charset="utf-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>Cafe Menu</title>
   <link href="styles.css" rel="stylesheet"/>
 </head>
 <body>
   <header>
     <h1>CAMPER CAFE</h1>
     <p>Est. 2020</p>
   </header>
   <main>
     <section>
       <h2>Coffee</h2>
     </section>
   </main>
 </body>
</html>

/* file: styles.css */
<body> <style background-color="brown">
h1, h2, p {
 text-align: center;
}


   **Your browser information:**

User Agent is: Mozilla/5.0 (X11; CrOS x86_64 14695.85.0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/102.0.0.0 Safari/537.36

Challenge: Step 19

Link to the challenge:

3

Hi,
The first issue is that you’ve put html coding in your css file which will always throw an error.

Second, look at how you did the h1, h2 and p element styling. You need to do the body styling in the same coding format.

If you use p in the css file to style the paragraph element, then what would you use to style the body element?

Hope this helps!

4

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.