JSFiddle - React, Tailwind, and code Playground

by soyuka

HTML

Css: 
<pre>
[class^="test"] {
  border: 1px solid darkred;
}

[class*="test"] {
  background: lightblue;
}
</pre>

Result: 

<pre class="first_test">class="first_test"</pre>
<pre class="second">class="second"</pre>
<pre class="one test">class="one test"</pre>
<pre class="test">class="test"</pre>

CSS

[class^="test"] {
  border: 1px solid darkred;
}

[class*="test"] {
  background: lightblue;
}