Simple jQery Test

by Abhijeet Deshmukh

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<div id="container">
  <ul>
    <li>List Item</li>
    <ol>
      <li>List Item</li>
    </ol>
    <li>List Item</li>
    <li>List Item</li>
    <li>List Item</li>
  </ul>
  <p>This will be green</p>
  <p>This will be black</p>
  <p>This will be black</p>
</div>

CSS

ul > li {
  color: red;
}

ul li {
  //color: blue;
}

ul + p {
  color: green;
}

ul ~ p {
  //color: yellow;
}