When the button is styled directly the whole charactersheet breaks. When I just style the .btn class everything works fine. This breaks: .charsheet .sheet-sins .repcontrol button.btn.repcontrol_add{ color:darkred; } But this works .charsheet .sheet-sins .repcontrol .btn.repcontrol_add{ color:darkred; } And just as important - as I haven't found a fix for this yet. When I apply the content attribute to the ::after pseudoelemen it also breaks This works: .charsheet .sheet-sins .repcontrol .btn.repcontrol_add::after { content: "SIN_hinzufügen"; } but this breaks: .charsheet .sheet-sins .repcontrol .btn.repcontrol_add::after { content: "SIN hinzufügen"; } and this - which is the recommended way on stackoverflow - breaks as well: .charsheet .sheet-sins .repcontrol .btn.repcontrol_add::after {
content: "SIN \00a0 hinzufügen";
} If I apply those styles directly in my browser everything works fine either way, it just breaks when the css code is parsed by roll20 before it is applied. Having a second content styling which should overwrite the first also breaks the stylesheet: .charsheet .sheet-sins .sheet-licenses .repcontrol .btn.repcontrol_add::after { content: "Lizenz-hinzufügen"; } where the html code is <div class="sins"><fieldset class="repeating_one">....<div class="licenses"><fieldset class="repeating_two"></fieldset></div></fieldset></div> PS: This editor breaks the formatting so often I gave up trying to apply the code style to the above code. Sorry for the partially unformatted code but after like twenty times I formatted it - I gave up. Also it seems to break if the content contains umaluts (äüö)