JSFiddle - React, Tailwind, and code Playground

by ackernaut

HTML

<!-- Ahoy, there matey! An invalid attribute in ye markup?! -->
<a fish class="stick" href="/tastes/" title="yummy">For dinner</a>

CSS

/* Use an invalid attribute as a selector */
[fish] {
    background:red;
}
/* Normal class selector */
.stick {
    color:white;
}
/* Valid attribute selector */
[href*="tastes"] {
    display:block;
    padding:.5em 1em;
}