You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何用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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.15 20:12:03