使跨度字体大小适应其他大小

Question

我是一名初学者，我有一个问题。是否有可能以某种方式使跨度具有与其放置位置自适应的字体大小？因为我做了一个“漂亮的设计”页面。有一个带有剧透类的跨度，我想问是否可以在没有js的情况下使这个跨度与文本的其余部分具有相同的大小？因为我希望每个人都可以轻松编辑代码。无论是谁，是否会 javascript 都没关系。那么这样的事情可以做吗？ （无需在每个CSS规则中添加剧透类）

这里是该网站的链接，如果有人想帮助我改进它

为每条规则中的剧透制定一条规则，但这需要大量工作

Answer 1

试试这个，你可以使用继承来让它从父级获取值

.spoiler {
    filter: blur(5px);
    transition: all 0.5s;
    user-select: none;
    cursor: help;

    font-size: inherit;
    font-weight: inherit;
}