The :not selector

by Hamdi Gaied

HTML

<h3>Only the last li child doesn't have the green color</h3>
<ul>
  <li>Bootsrap</li>
  <li>Tailwind</li>
  <li>Material UI</li>
  <li>Ant Design</li>
  <li>Shadcn</li>
</ul>

CSS

body {
  background: #1f2227;
  color: #fff;
}

li:not(:last-child) {
  color: green;
}