JSFiddle - React, Tailwind, and code Playground

by jitter

HTML

<div foo="bar"></div>
<div foo="bar:12"></div>

CSS

[foo=bar:12] {
    border-top: 1px solid red;
}

[foo="bar:12"] {
    border-bottom: 1px solid blue;
}

JavaScript

$(function() {
    $('[foo=bar]').html('no colon');
    $('[foo=bar:12]').html('colon');
});