JSFiddle - React, Tailwind, and code Playground

HTML

<div class="dpcmlt1">Pass</div>
<div class="dpcmeq1">Pass</div>

CSS

div {
    color: red;
    background-color: currentColor;
}

@media screen and (min-resolution: 1dpcm) {
    .dpcmeq1 {
    color: black;
    background-color: lime;
    }
}
@media screen and (min-resolution: 0.99999dpcm) {
    .dpcmlt1 {
    color: black;
    background-color: lime;
    }
}