Html 将css规则应用于单个工具提示?

Html 将css规则应用于单个工具提示?,html,css,wordpress,tooltip,Html,Css,Wordpress,Tooltip,他是所有编码语言的新手,并试图在wordpress.org上建立一个博客 我正在wordpress上使用一个插件来创建工具提示() 我有一个非常重文本的工具提示,并在编辑器中使用以下css使其滚动(而不是一次显示所有文本) .Zebra_Tooltip .Zebra_Tooltip_Message { overflow: scroll; height: 200px; } (我在support中找到的zebra工具提示类由开发人员提供) 问题是,这使得我的所有其他工

他是所有编码语言的新手,并试图在wordpress.org上建立一个博客

我正在wordpress上使用一个插件来创建工具提示()

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

.Zebra_Tooltip .Zebra_Tooltip_Message {

  overflow: scroll;
        
  height: 200px;

}
(我在support中找到的zebra工具提示类由开发人员提供)

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

所以,我的问题是:我试图找到一种方法,将css代码完全应用于相关的工具提示

我认为这可能与在gutenberg编辑器的相关块中使用“additional css class”函数有关,但我尝试了一些方法,但都没有奏效

非常感谢您的帮助


干杯。

您不能针对单个工具提示,但可以将样式更改为仅针对包含大量内容的工具提示:

.Zebra_Tooltip {

  overflow: auto; /* only show scrollbar when needed */
        
  max-height: 200px; /* limit height to 200px - smaller tooltips won't be effected */

}