在html css中有没有一种方法可以悬停在行的高度上？

当我将鼠标悬停在句子上时，我想创建一个悬停效果，但是当我将鼠标悬停在文本上时，句子只会改变颜色，而不会改变行与行之间的间距（行高）。有人知道如何解决这个问题吗

我已经包括了我的代码的一个示例，我删除了一些类，因为我认为它们不相关

多谢各位~

编辑：对Span使用内联块不起作用，因为它会分隔句子。我希望它看起来像一整段

#文本悬停{
颜色：var（--灰色）；
}
#文本悬停：悬停{
颜色：var（--白色）；
}

我是一名来自加拿大温哥华的学生，目前在西蒙·弗雷泽大学学习交互设计。
我的设计实践包括用户体验、用户界面、交互和视觉设计。我的目标是了解人们的动机、需求和行为，以帮助制定有意义和有目的的干预措施。
在我的空闲时间，我喜欢在Minecraft中建造，画画，参与设计挑战和白日梦。

我想这就是你需要的。无论如何，每页只使用ID 1次

标题
氢{
颜色：黑色；
}
h2：悬停。文本悬停{
颜色：绿色；
}
我是一名来自加拿大温哥华的学生，目前在西蒙·弗雷泽大学学习交互设计。
我的设计实践包括用户体验、用户界面、交互和视觉设计。我的目标是了解人们的动机、需求和行为，以帮助制定有意义和有目的的干预措施。
在我的空闲时间，我喜欢在Minecraft中建造，画画，参与设计挑战和白日梦。

带有span标记的元素不包括线高度。如果您使用div标记，然后将悬停效果指向父div，那么它应该执行您所追求的操作

p、 此外，ID只能使用一次。如果在多个元素上使用相同的样式，您应该使用我在下面将其更改为的类

h2{行高：4；}
.文本悬停div{
颜色：灰色；
背景：黑色；
}
.text hover div：悬停{
颜色：红色；
}

我是一名来自加拿大温哥华的学生，目前在西蒙·弗雷泽大学学习交互设计。
我的设计实践包括用户体验、用户界面、交互和视觉设计。我的目标是了解人们的动机、需求和行为，以帮助制定有意义和有目的的干预措施。
在我的空闲时间，我喜欢在Minecraft中建造，画画，参与设计挑战和白日梦。

id必须是唯一的，而且一个文档中的所有文本都是不好的做法。H2用于标题（这是引擎所期望的），用于大块文本使用