JSFiddle - React, Tailwind, and code Playground

HTML

<div id="foo" class="node">Hello</div>

CSS

.node {
     padding-right: 10px;  
}

JavaScript

// The following is correct in all browsers; since the div has already been appended to the DOM
console.log($('#foo').css('padding-right'));
// The following, in Chrome, will display nothing; in Firefox it will correctly display 10px
var div = $('<div id="bar" class="node">Bye</div>');
console.log(div.css('padding-right'));