<img attachment="css3_logo.png" align="right">While investigating <a href="https://chartscss.org/docs/usage/#component-classes">Charts.css</a>, I learned that you can throw unrecognized special characters like square brackets or pipes into CSS class references and its just fine. So you can use them to separate longer lists of classes. For more information, see <a href="https://piccalil.li/blog/cube-css/#grouping" author="Andy Bell" source="Piccalilli">Cube CSS: grouping</a>. So, you can write: <code>

</code> or <code>

...

</code> and it works just fine, while being more legible. Charts.css uses it to group related classes: <code> ... </code>