JSFiddle - React, Tailwind, and code Playground

by Bhupesh Kushwaha

HTML

<!--<p class="a1">Click me to increase font-size  !</p>
<p class="a2">Click me to increase font-size !</p>
<p class="a3">Click me to increase font-size !</p>
<p class="a4">Click me to increase font-size !</p>-->
<p class="a5">Click me to increase font-size !</p>
<p class="a6">Click me to increase font-size !</p>

CSS

.a1{font-size:20px}
.a2{font-size:19px}
.a3{font-size:18px}
.a4{font-size:17px}
.a5{font-size:16px}
.a6{font-size:3em}

JavaScript

$(document).ready(function () {
    $('*').each(function () 
    {
        // var k = parseInt($(this).css('font-size'));
        // var redSize = ((k * 90) / 100); //here, you can give the percentage( now it is reduced to 90%)
        var k = $(this).css('font-size');
        alert(k);
       // var redSize = (parseInt(k) - 2);
       // $(this).css('font-size', redSize+'px');
    });
});