Learn Basic CSS by Building a Cafe Menu - Step 22

Tell us what’s happening:
Describe your issue in detail here.
Please, How’ll I get my div type selector here.

  **Your code so far**
/* file: index.html */
<!DOCTYPE html>
<html lang="en">
  <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"/>
      <h1>CAMPER CAFE</h1>
      <p>Est. 2020</p>
/* file: styles.css */
body {
background-color: burlywood;

h1, h2, p {
text-align: center;


  **Your browser information:**

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/ Safari/537.36

Challenge: Learn Basic CSS by Building a Cafe Menu - Step 22

Link to the challenge:

Hi @Praise19

A selector is the word in CSS before the curly brackets. It selects HTML elements.

In your given CSS code, there is already examples of basic selectors.

/* file: styles.css */
body { <!-- This selects the <body> element -->
background-color: burlywood;

h1, h2, p { <!-- This selects <h1>, <h2>, and <p> element -->
text-align: center;

To select an element simply write the name of the element followed with curly brackets, and write the required properties inside the curly brackets

Hope this helps!

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