用斜体渲染抽象 class（class 美人鱼图）

Question

Mermaid 提供注释作为区分 UML class 图中抽象 classes 的一种方式。这不是普遍可用的，例如，如果抽象 class 实现接口。

理想情况下，摘要 class 将以斜体显示其名称。我尝试使用以下 CSS 文件这样做：

.abstract {
  font-style: italic;
}

我将其应用于示例之一：

class Animal:::abstract {
    -int sizeInFeet
    -canEat()
}

但是由于样式应用于整个节点，因此不仅 class 名称以斜体呈现，属性和方法也是如此：

是否有另一种策略来呈现抽象 class 其名称为斜体？

Answer 1

您可以使用更具体的 CSS 选择器：

.abstract .classTitle {
  font-style: italic;
}

Rendering an abstract class with italics (class diagram with mermaid)