关于#后端#的问题，如何解决？

如图，我想整体的样式由后端传过来给我，比如，header的background-color，height。el-main的height只传这些整体属性样式，不传header里边的i的样式，但是i里的样式line-height又必须是一致的，该怎么把传过来的值也作用到i上呢，简单来说，返回的json的数据如何放到css里面呢

什么叫“返回的 json 数据”？什么数据？

const json = {
  "color": "red",
  "font-size": "16px"
};
const cssString = JSON.stringify(json).replace(/[\{\}\"]/g, "").replace(/\,/g, ";");
const styleNode = document.createElement('style');
styleNode.innerText = `body { ${cssString} }`;
document.head.appendChild(styleNode);