a/20593041/1636522

by wared

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>

CSS

.div-3 {
    font-size:14px;
}

JavaScript

$('#trigger').click(function () {
    $('*').filter(function () {
        var style = $(this).attr('style');
        return /font-size:[^;]+px/.test(style);
    }).css('border', '2px solid red');
});