JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>

<html lang="fr">
<head>
  <meta charset="UTF-8">
  <title>Test</title>
</head>

<body><div id="main">
    <div class="toto">bla</div>
    <div class="wrapper-machin">bla</div>
    <div class="wrapper-autre-machin">bla</div>
</div></body>
</html>

CSS

div {width: 500px; height: 100px; background: lightgrey;}
[class^="wrapper"] {position: relative; border: solid red 2px;}
[class^="wrapper"]:after {content: attr(class); display: block;}
.wrapper-machin {color: blue}     
.wrapper-autre-machin {color: red}