在图片下方展示图片描述的 css 片段

显示效果如下

css 片段如下
所有 & 开头的描述都会显示在图片下方

.internal-embed.media-embed.image-embed.is-loaded[alt^="&"]::after {
    content: attr(alt);
    text-align: center;
    color: var(--text-accent);
    display: block;
    margin-bottom: 1.5em;
}

如果希望所有的图片都能显示描述
可以使用如下 css

.internal-embed.media-embed.image-embed.is-loaded[alt]::after {
    content: attr(alt);
    text-align: center;
    color: var(--text-accent);
    display: block;
    margin-bottom: 1.5em;
}

显示效果如下

css 片段代码仓库

2 个赞

图片wiki链接如何指定描述?

![[preview.png|图片描述]] 这样

两段CSS有什么不同,似乎都是只显示&开头的描述

抱歉,书写有误,已调整