JSFiddle - React, Tailwind, and code Playground

by codert

HTML

<div class="parent">
    <div class="wrap">
        <div class="child">
            This is child element.
        </div>
    </div>
</div>
<span class="output"></span>

CSS

.output {
  background-color: gray;
}

.parent
{
    font-size: 16px;
}
.wrap
{
    font-size: 1.5em;
}
.child
{
    font-size: 1.25em;
}

JavaScript

var output = document.querySelector('.output')
var child = document.querySelector('.child')

output.innerText = 'the font-size of child element is ' + window.getComputedStyle(child).fontSize