JSFiddle - React, Tailwind, and code Playground

From lynda.com: CSS Essential Training 1 - 2.3

by Menuka Ishan

HTML

<!-- 
1. Add a `color` property to the `body`.
2. Add a different colour for only the `h1` elements.
3. Add a `class` to at least 2 elements and choose a new colour.
4. Add an `id` to an element and choose yet another new colour.
-->

<body>
    <h1 id="demo">CSS selectors example</h1>
    
    <section>
      <h1 class="demo">Section heading</h1>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Assumenda dignissimos quisquam sequi, est eligendi reiciendis?</p>
    
      <p class="demo">Nulla qui aperiam, cumque labore, repudiandae quae accusantium quos possimus illo, odit numquam, eveniet doloremque!</p>
    </section>
    
    <section>
      <h1 >Section heading</h1>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Assumenda dignissimos quisquam sequi, est eligendi reiciendis?</p>
    
      <h2>Subheading</h2>
      <p>Nulla qui aperiam, cumque labore, repudiandae quae accusantium quos possimus illo, odit numquam, eveniet doloremque!</p>
    </section>
</body>

CSS

body {
  color: green;
}

h1{
  color: orange;
}

.demo {
  color: blue;
}

#demo{
  color: red;
}