JSFiddle - React, Tailwind, and code Playground

by Chintan Upadhayay

HTML

Refer the above structure and select the following elements:
a.	Ul marked a- 
b.	UL marked b- 
c.	LI marked c- 

<ul class="level1">
  <li>
    <ul>
      <li>1</li>
      <li>2</li>
    </ul>
  </li>
  <li>
    <ul>
      <li>1.1</li>
      <li>1.2</li>
    </ul>
  </li>
</ul>
<ul>
  <li>1</li>
  <li>2</li>
</ul>

<div>
  <p>I'm a paragraph</p>
  <div>this is my div</div>
  <p>I get selected!</p>
</div>

CSS

.level1 {
  color: #000;
  font-size: 17px;
}

ul.level1 li:first-child ul {
  background-color: Yellow;
}

ul.level1 > li + li {
  background-color: red;
}

ul.level1 + ul li {
  background-color: blue;
}

div + p {
  background-color: Red;
}