Strange style behavior

[DetlefR]

Hello,

I'm not sure is this a problem from CSS, Node-red or whatever.
I observe a strange behavior of style properties if I automatically format.
For example: I want to set the colors of numbers in a gauge.
<style> /* Zahlen */ #{{'gauge_'+$id}} .g-num:nth-child(n+0) {color: #dc080899;} #{{'gauge_'+$id}} .g-num:nth-child(n+4) {color: #101ed499;} #{{'gauge_'+$id}} .g-num:nth-child(n+6) {color: #1f940099;} #{{'gauge_'+$id}} .g-num:nth-child(n+9) {color: #101ed499;} #{{'gauge_'+$id}} .g-num:nth-child(n+11) {color: #dc080899;} </style>

If I format the code (or copy it to another gauge) the code looks like this
`<style>
/* Zahlen */
#{{'gauge_'+$id}
}

.g-num:nth-child(n+0) {
    color: #dc080899;
}

#{{'gauge_'+$id}
}

.g-num:nth-child(n+4) {
    color: #101ed499;
}

#{{'gauge_'+$id}
}

.g-num:nth-child(n+6) {
    color: #1f940099;
}

#{{'gauge_'+$id}
}

.g-num:nth-child(n+9) {
    color: #101ed499;
}

#{{'gauge_'+$id}
}

.g-num:nth-child(n+11) {
    color: #dc080899;
}

</style>`
and the gauge like this. ???

Any idea what do I wrong.

Best regards
Detlef

[DetlefR]

`<style>

/* Zahlen */

#{{'gauge_'+$id}} .g-num:nth-child(n+0) {color: #dc080899;}

#{{'gauge_'+$id}} .g-num:nth-child(n+4) {color: #101ed499;}

#{{'gauge_'+$id}} .g-num:nth-child(n+6) {color: #1f940099;}

#{{'gauge_'+$id}} .g-num:nth-child(n+9) {color: #101ed499;}

#{{'gauge_'+$id}} .g-num:nth-child(n+11) {color: #dc080899;}

</style>`
Sorry

the working code looks like this without empty lines.