JSFiddle - React, Tailwind, and code Playground

by Pritam Bohra

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>CSS selectors example</h1>
    
    <section>
      <h1>Section heading</h1>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Assumenda dignissimos quisquam sequi, est eligendi reiciendis?</p>
    
      <p>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>