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

【问题标题】：Apply css rules to one single tooltip?将 css 规则应用于一个工具提示？
【发布时间】：2020-09-27 22:36:45
【问题描述】：

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

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

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

.Zebra_Tooltip .Zebra_Tooltip_Message {

  overflow: scroll;
        
  height: 200px;

}

（我在支持中找到的开发者提供的斑马工具提示类）

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

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

我认为这可能与在古腾堡编辑器的相关块中使用“附加 css 类”功能有关，但我尝试了几件事，但都没有奏效。

非常感谢任何帮助！

干杯。

【问题讨论】：

标签： html css wordpress tooltip

【解决方案1】：

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

.Zebra_Tooltip {

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

}

【讨论】：