画图工具Mermaid学习笔记——流程图3

(以下均省略在md中需要的"""mermaid"""前后缀)

预设置CSS样式，如以下的CSS，作用是选中所有名为 cssClass 下的元素的rect元素，应用填充颜色，描边颜色和描边宽度的指定。后续可用类似 class A cssClass 对A调用（但实际没有效果，不知道为什么）

<style>
  .cssClass > rect {
    fill: #ff0000;
    stroke: #ffff00;
    stroke-width: 4px;
  }
</style>

命名为 default 的 class 将对所有没有另外单独指定的进行应用

classDef default fill:#f9f,stroke:#333,stroke-width:4px;

---

使用来自 Font Awesome 的扩展：（Font Awesome）(Quick Start | Font Awesome Docs）

使用 fa:#icon 的格式调用特殊图标 

flowchart TD
    B["fa:fa-bomb for peace"]
    B-->C[fa:fa-ban forbidden]
    B-->D(fa:fa-star)
    B-->E(A fa:fa-camera-retro perhaps?)

---