JSFiddle - React, Tailwind, and code Playground

HTML

<h4>Resize inlined font-size with PX units</h4>
<button id="trigger">trigger</button>
<div class='parent' style='font-size:15px'>
    <div>div 1 no inline styling</div>
    <div style='font-size:1em'>div 2 inlined font-size 1em</div>
    <div class='div-3'>div 3, CSS font-size:14px;</div>
    <div style='font-size:22px'>div 4 inlined font-size 22px</div>
    <div style='font-size:16pt'>div 5 inlined font-size 16pt</div>
    <div style='font-size:80%'>div 6 inlined font-size 80%</div>
</div>
<div id="output_box"></div>

CSS

.div-3{font-size:14px;}
#output_box{border:1px solid red;padding:10px}

JavaScript

$('*').filter(function() {
         /*var a-match-in-px-units = some-regular-expression-someelse-can-help-about;*/
         return $(this).css('font-size') == '11';
    $('#output_box').html($(this));
});

$("#trigger").click(function() {
    alert('to initialize font-size in px to bigger/lesser unit function()');    
 /*  */     
});