Mermaid类图中如何仅将抽象类名称渲染为斜体，不影响属性方法

你可以通过以下两种方案实现仅抽象类名斜体的效果：

方案1：调整CSS选择器精准命中类名 #

Mermaid渲染类图时，带自定义类的类节点DOM结构为：外层<g>标签绑定你设置的.abstract类，其下第一个<text>标签对应类名，后续<text>标签对应属性、方法。你可以把CSS调整为仅选中第一个text节点：

/* 仅选中抽象类节点下的第一个text元素（即类名） */
.abstract > text:first-of-type {
  font-style: italic;
}

这个方案不需要修改Mermaid代码，原有的:::abstract注解可以保留使用。

方案2：直接在Mermaid代码中给类名加斜体标记 #

新版本Mermaid支持类名内嵌Markdown格式，你不需要额外加CSS类，直接给类名包裹星号即可：

classDiagram
    class *Animal* {
        -int sizeInFeet
        -canEat()
    }

这个方案的优势是不需要依赖自定义CSS，在支持Mermaid渲染的主流平台都可以生效。

内容的提问来源于stack exchange，提问作者Luís de Sousa