JSFiddle - React, Tailwind, and code Playground

HTML

<div id="q">
  <dl>
	<dt><p>lorem ipsum</p></dt>
	<dd><span>lorem ipsum</span></dd>
    <dd><span>lorem ipsum</span></dd>
    <dd><span>lorem ipsum</span></dd>
    <dd><span>lorem ipsum</span></dd>
  </dl>
</div>

CSS

#q dd:before{
	content: " ";
    display: inline-block;
    /*height: 65px;*/
}

JavaScript

//for test 
var h = '65px';
//problem occurs here
$('#q dd:before').css('height',h);