如何用Mermaid的:::运算符为节点添加多个样式类?
如何通过Mermaid的
:::运算符为单个节点添加多个样式类? Mermaid官方文档给出过用:::运算符为节点绑定单个样式类的示例:
flowchart LR A:::foo classDef foo stroke:#f00
但如果尝试用逗号分隔多个类(比如A:::foo,bar)会无法生效:
flowchart LR A:::foo,bar classDef foo stroke:#f00 classDef bar fill:#0f0
要通过:::语法实现多类绑定,正确的写法是连续叠加多个:::运算符,每个:::后面跟一个样式类名,示例如下:
flowchart LR A:::foo:::bar classDef foo stroke:#f00 classDef bar fill:#0f0
这样节点A会同时应用foo(红色边框)和bar(绿色填充)的样式规则,无需额外使用class语句单独绑定。
内容的提问来源于stack exchange,提问作者Samuel Allain
相关产品推荐
相关产品推荐

