首页 > 解决方案 > 用斜体渲染一个抽象类(美人鱼的类图)

问题描述

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

理想情况下,抽象类将以其斜体名称呈现。我尝试使用以下 CSS 文件执行此操作:

.abstract {
  font-style: italic;
}

我将其应用于其中一个示例:

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

但是由于样式适用于整个节点,不仅类名以斜体呈现,属性和方法也是如此:

所有文本都以斜体显示的类节点

是否有另一种策略来呈现一个以斜体命名的抽象类?

标签: mermaid

解决方案


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

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

具有斜体标题和非斜体正文的类节点


推荐阅读