JSFiddle - React, Tailwind, and code Playground

by Nguyễn Đình Quân

HTML

<div id="container">
      <ul>
         <li> List Item
         <ul>
            <li> Child </li>
            <li> Child </li>
            <li> Child </li>
         </ul>
         </li>
         <li> List Item </li>
         <li> List Item </li>
         <li> List Item </li>
      </ul>

      <ul>
         <li>
            <a href="#"> Anchor Tag </a>
         </li>
         <li>
            <a href="#"> Anchor Tag </a>
         </li>
         <li>
            <a href="#"> Anchor Tag </a>
         </li>
         <li>
            <a href="#"> Anchor Tag </a>
         </li>
      </ul>

      <ul>
         <li> List Items of 3rd List</li>
         <li> List Items of 3rd List</li>
         <li> List Items of 3rd List</li>
      </ul>
</div>

CSS

ul:nth-of-type(3) {
   border: 1px dotted red;
}

ul:nth-last-of-type(2) {
   background-color: brown;
}