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

Question

对所有编码语言都非常陌生，并尝试在 wordpress.org

上创建博客

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

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

.Zebra_Tooltip .Zebra_Tooltip_Message {

  overflow: scroll;
        
  height: 200px;

}

(zebra tooltip 类我发现开发者在支持中提供了)

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

所以，我的问题是：我正在尝试找到一种方法将 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 */

}

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

Apply css rules to one single tooltip?

html

css

wordpress

tooltip