Html 仅使用css的工具提示

我有一个只能更改CSS的应用程序。 e、 g

我的文本

我只能更改上面文本中的abc，或者可以沿abc添加另一个css类。 有没有办法通过在css中编辑abc的属性来显示工具提示？ 我只能编辑css文件。 甚至工具提示文本也必须放在css中，或者css可以从其他任何地方引用它。

---

有可能吗？

可以用纯CSS来完成吗是。然而，使用JavaScript您可以获得更多的控制

body{margin:3em；}
.tooltip{位置：相对；}
.工具提示：：之前{
内容：“\2003”属性（类）；/*使用类文本打印em空格*/
文本缩进：-3.9em；/*添加负文本偏移量以隐藏类名*/
显示：内联块；
位置：绝对；底部：50%；
背景：#000；颜色：#FFF；填充：5px；边框半径：5px；
不透明度：0；过渡：0.3s；溢出：隐藏；
最大宽度：50%；/*避免使用很长的句子*/
指针事件：无；/*防止在伪悬停时触发工具提示*/
}
.tooltip:hover:：before{opacity:1；bottom:100%；}

我的文本
查看本页


。工具提示{
位置：相对位置；
显示：内联块；
边框底部：1px点黑色；
}
.tooltip.tooltiptext{
可见性：隐藏；
宽度：120px；
背景色：黑色；
颜色：#fff；
文本对齐：居中；
边界半径：6px；
填充：5px0；
/*定位工具提示*/
位置：绝对位置；
z指数：1；
底部：100%；
左：50%；
左边距：-60px；
}
.tooltip:悬停.tooltiptext{
能见度：可见；
}
将鼠标移到下面的文本上：

在我上空盘旋
提示文本

工具提示文本是什么？每个元素/类都会不同吗？同样，如果可以更改类，为什么不能更改HTML？是一样的。您的问题不符合逻辑。除了

类

，您还可以添加其他内容吗？对于HTML？@Paulie_D工具提示文本，不同的字段会有所不同。我可以为每个需要工具提示的字段添加不同的类。html是由我们无法控制的软件生成的。但是，该软件让我们为元素指定类。@Aziz我不能添加除类之外的任何内容谢谢您的帮助，但我不能添加此span标记：（为什么你不能这样做？@mlegg仔细阅读问题，OP只能在HTML中修改类名。哦，对不起，错过了。我有一个问题。如果我写了一长行文本。它会拉伸工具提示。是否可以在工具提示中断行或将文本的任何部分加粗？@AhmedRana是-你可以在p中添加

max width

属性。）seduo元素-我还添加了

指针事件：none

，这样当意外触发时，工具提示在JSFIDLE中工作正常，但不幸的是在我的css中它不工作（可能是由于其他一些冲突规则）。无论如何，非常感谢！使用devtools检查器检查正在应用的CSS。如果CSS中存在冲突的类，可以添加

：not

伪选择器，如

。您好：not（.tooltip）

Hi@Aziz有没有办法在工具提示中使用richtext或html。我尝试在工具提示中使用
，但它只显示为
而不是新行

<p class="abc">My Text</p>