CSS :not Pseudo Class - Playground Example

<!DOCTYPE html><html><head><style type="text/css">/* Target all list items EXCEPT those with the class 'special' */
li:not(.special) {
  color: #2e7d32; /* Green text */
  font-weight: bold;
  background-color: #e8f5e9;
  padding: 10px;
  margin-bottom: 5px;
  border-radius: 4px;
  list-style-type: check;
}

/* Optional: Style the excluded items differently so they stand out */
.special {
  color: #d32f2f; /* Red text */
  font-style: italic;
  padding: 10px;
}</style></head><body><ul class="item-list">
  <li>Standard Item</li>
  <li class="special">Special Item (Excluded)</li>
  <li>Standard Item</li>
  <li>Standard Item</li>
  <li class="special">Special Item (Excluded)</li>
</ul></body></html>