Html CSS没有在mermaid JS中运行，

我正在学习

mermaid.js

，这是一些简单的代码。我在

div

中声明了一个

cssClass

，以添加一些样式，但是

cssClass

不起作用

我也想在这个流程图中做一些动画，但我做不到：我找不到任何动画源。如何在这个流程图中制作动画

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

<div class="mermaid">
    graph TD;
    A-->B;
    class A cssClass;
    style B fill:green,stroke:RED,stroke-width:4px
</div>

.cssClass>rect{
填充：#FF0000；
冲程：#FFFF00；
笔画宽度：4px；
}
图TD；
A-->B；
甲级cssClass；
样式B填充：绿色，笔划：红色，笔划宽度：4px

---

我不明白这个问题：为什么CSS不工作？

这是CSS优先级问题。Mermaid.js有默认的CSS。这个CSS类优先级高于您定义的优先级。如果您想让CSS工作，简单的方法是添加“！important”

.cssClass>rect{
填写：#FF0000！重要；
笔划：#FFFF00！重要；
笔划宽度：4px！重要；
}

这是CSS优先级问题。Mermaid.js具有默认CSS。此CSS类优先级高于您定义的优先级。如果您想要CSS工作，简单的方法是添加“！important”

.cssClass>rect{
填写：#FF0000！重要；
笔划：#FFFF00！重要；
笔划宽度：4px！重要；
}

请将代码放入代码段。请将代码放入代码段。

<style>
.cssClass>rect {
    fill: #FF0000 !important;
    stroke: #FFFF00 !important;
    stroke-width: 4px !important;
}