JSFiddle - React, Tailwind, and code Playground

by letanure

HTML

<div id="teste">
    <div class="inline">essa DIV é inline porque o CSS definiu</div>
    <br><br>
    <span>esse SPAN é inline por default</span>
    <br><br>
    <div>DIVs sao block</div>
</div>

CSS

#teste *{
    border: 1px solid gray;
}
.inline{
    display:inline;
}
.mostra-inline{
    background-color: #900;
}

JavaScript

$.extend($.expr[':'],{
    inline: function(elemento) {
        console.log(elemento, $(elemento).css('display'))
        return $(elemento).css('display') === 'inline';
    }
});

$(':inline').addClass('mostra-inline')