JSFiddle - React, Tailwind, and code Playground

by oilvier

HTML

<ul>
  <li data-locale="en_EN"></li>
  <li><a href="http://www.google.fr">Tata</a></li>
  <li data-locale="fr_BE"></li>
  <li>
    <a href="#">Toto</a>
  </li>
  <li data-locale="en_EN"></li>
</ul>

CSS

li {padding:5px; background-color:gray;}

[data-locale] {background-color:crimson;} /* Cible toutes les occurences de data-locale */
[data-locale="fr_BE"] {background-color:lime;} /* Cible uniquement les occurrences de data-locale avec la valeur fr_BE */

/* Autres exemples */
[href="#"] {background-color:firebrick; font-weight: bold;} /* Cible les liens vides */