JSFiddle - React, Tailwind, and code Playground

HTML

<div id="parent">
    <span>Child 1</span>
    <span>Child 2</span>
    <span>Child 3 (Don't Scale Me)</span>
</div>

CSS

#parent > span:not(:last-child){
    -moz-transform: scale(0.5);
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    display:block;
}

span:last-child{
//    -webkit-transform: scale(2);
}