Html 如何更改固定块悬停时的文本框内容？（其他解决方案不起作用）

因此，我遵循了另一个主题的解决方案，但我设置的描述仍然不希望出现在文本框中

我已经试过了： 我仔细检查了css中的每个类名和每个括号，但还是什么都没有。有什么问题吗

守则的有关部分：

a{
文字装饰：无；
}
a:链接{
颜色：#3ea500；
}
.a-1：悬停~.element-1{
显示：块；
}
.a-2：悬停~.element-2{
显示：块；
}
.a-3：悬停~.element-3{
显示：块；
}
a:悬停{
颜色：#cc7400；
字号：700；
}
.描述{
背景颜色：绿色；
宽度：33%；
位置：固定；
边界半径：5px；
左：66%；
顶部：180像素；
}

说明：
你好
两位好
你好，三位

：悬停不会触发某些“单击”、“点击”或“滑动”事件，否则您可以使用

:target

选择器（）。但是，看看我的代码，你会发现我将“目标”文本设置为

说明

：悬停不会触发某些“单击”、“点击”或“滑动”事件，否则您可以使用

：目标

选择器（）。但是，看看我的代码，你会发现我将“目标”文本设置为

说明

~

为。您已经更改了答案的HTML，使元素不再是同级元素。

a-1:hover~.element-1

等。您无法这样做，因为.a-1位于.element-1下面。参见规则：X~Y=>选择前面有X元素的每个Y元素。您的“目标”

.element-x

类位于“选择”类

.a-x

之前，而不是相反。其次，当您纠正了这一点后，您将看到“目标”元素前面有一个

（而不是

）并且与它们的“选择器”不在同一嵌套级别。它不会以这种方式工作…

~

是。您已经更改了答案的HTML，使元素不再是同级元素。

a-1:hover~.element-1

等。您无法这样做，因为.a-1位于.element-1下面。参见规则：X~Y=>选择前面有X元素的每个Y元素。您的“目标”

.element-x

类位于“选择”类

.a-x

之前，而不是相反。其次，当您纠正了这一点后，您将看到“目标”元素前面有一个

（而不是

）并且与它们的“选择器”不在同一嵌套级别。这样不行。。。