JSFiddle - React, Tailwind, and code Playground

by J. Albert Bowden

HTML

<div rel="your">your</div>
<div rel="mom">mom</div>
<div rel=" your mom ">[ ]your[ ]mom[ ]</div>
<div rel="your mom">your[ ]mom</div>
<div rel="mommy">mommy</div>
<div rel="your mom is hot">your mom is hot</div>
<div data-lat="34.307144" data-long="7.03125">Somewhere</div>

CSS

[rel*=" your "][rel*=" mom "] {
  color: red;
  background: pink;
}

[rel~="mom"][rel~="hot"] {
   color: green;
   background: yellow;
}

[data-lat^="34"][data-long^="7"] {
   color: purple;
   background: #fff;
}