将css规则应用于一个工具提示

Question

作为所有编码语言的新手，并试图在wordpress.org 上创建博客

我在wordpress上使用一个插件，它可以创建工具提示(https://wordpress.org/plugins/simple-tooltips/)

我有一个非常重文本的工具提示，并设法使其滚动(而不是一次显示所有文本(，在编辑器中使用以下css

.Zebra_Tooltip .Zebra_Tooltip_Message {
overflow: scroll;

height: 200px;
}

(我发现开发人员在支持中提供的斑马工具提示类(

问题是，这使得我所有的其他工具提示也有200px的高度，而大多数工具提示都不需要。

所以，我的问题是：我正试图找到一种方法，将css代码纯粹应用于相关的工具提示。

我认为这可能与在gutenberg编辑器的相关块中使用"additional css class"函数有关，但我尝试了一些方法，但都没有成功。

非常感谢您的帮助！

干杯。

Answer 1

您不能针对单个工具提示，但可以将样式更改为仅针对具有大量内容的工具提示：

.Zebra_Tooltip {
overflow: auto; /* only show scrollbar when needed */

max-height: 200px; /* limit height to 200px - smaller tooltips won't be effected */
}