Html 如何使我的元素彼此独立地悬停？

为什么这些块在悬停时相互依赖？如何使它们独立悬停？到目前为止，第一个列表项依赖于第二个列表项

.list{
显示器：flex；
柔性包装：包装；
对齐项目：拉伸；
保证金：0；
填充：0；
}
.列出项目{
背景：无；
边框：1px纯灰；
列表样式：外部无；
显示器：flex；
弯曲方向：立柱；
证明内容：中心；
宽度：23.72%；
利润率：0.20px 1.7%；
单词包装：打断单词；
}
.list\u项：悬停.list\u说明{
显示：块；
}
.list\u名称{
字体大小：14px；
颜色：#333；
字号：700；
线高：1.286；
填充：20px 8px；
高度：73px；
}
.list\u descr{
显示：无；
填充：0 8px；
字体大小：12px；
颜色：#505050；
}
.list_uudescr-more{
字体大小：11px；
颜色：#787878；
线高：1.909；
左侧填充：10px；
垫底：10px；
}

Lorem ipsum dolor sit amet，Concertetur。
Lorem ipsum door sit amet，一位杰出的领导者。维塔，帕里奥特！类似于一种普通的腐败，但它是一种腐败，它是一种通病
洛雷姆·伊普苏姆·多洛。


Lorem ipsum dolor sit amet，Concertetur。
Lorem ipsum door sit amet，一位杰出的领导者。维塔，帕里奥特！类似于一种普通的腐败，但它是一种腐败，它是一种通病
洛雷姆·伊普苏姆·多洛。

这是因为

对齐项目：拉伸

，这是默认设置，使柔性项目

拉伸

沿横轴填充柔性容器，其高度由“最高”项目的高度决定

因此，为了防止出现这种情况，只需将值更改为

flex start

，这将保持其高度不变：

.list{
显示器：flex；
柔性包装：包装；
对齐项目：flex start；/*已修改*/
保证金：0；
填充：0；
}
.列出项目{
背景：无；
边框：1px纯灰；
列表样式：外部无；
显示器：flex；
弯曲方向：立柱；
证明内容：中心；
宽度：23.72%；
利润率：0.20px 1.7%；
单词包装：打断单词；
}
.list\u项：悬停.list\u说明{
显示：块；
}
.list\u名称{
字体大小：14px；
颜色：#333；
字号：700；
线高：1.286；
填充：20px 8px；
高度：73px；
}
.list\u descr{
显示：无；
填充：0 8px；
字体大小：12px；
颜色：#505050；
}
.list_uudescr-more{
字体大小：11px；
颜色：#787878；
线高：1.909；
左侧填充：10px；
垫底：10px；
}

Lorem ipsum dolor sit amet，Concertetur。
Lorem ipsum door sit amet，一位杰出的领导者。维塔，帕里奥特！类似于一种普通的腐败，但它是一种腐败，它是一种通病
洛雷姆·伊普苏姆·多洛。


Lorem ipsum dolor sit amet，Concertetur。
Lorem ipsum door sit amet，一位杰出的领导者。维塔，帕里奥特！类似于一种普通的腐败，但它是一种腐败，它是一种通病
洛雷姆·伊普苏姆·多洛。

这是因为

对齐项目：拉伸

，这是默认设置，使柔性项目

拉伸

沿横轴填充柔性容器，其高度由“最高”项目的高度决定

因此，为了防止出现这种情况，只需将值更改为

flex start

，这将保持其高度不变：

.list{
显示器：flex；
柔性包装：包装；
对齐项目：flex start；/*已修改*/
保证金：0；
填充：0；
}
.列出项目{
背景：无；
边框：1px纯灰；
列表样式：外部无；
显示器：flex；
弯曲方向：立柱；
证明内容：中心；
宽度：23.72%；
利润率：0.20px 1.7%；
单词包装：打断单词；
}
.list\u项：悬停.list\u说明{
显示：块；
}
.list\u名称{
字体大小：14px；
颜色：#333；
字号：700；
线高：1.286；
填充：20px 8px；
高度：73px；
}
.list\u descr{
显示：无；
填充：0 8px；
字体大小：12px；
颜色：#505050；
}
.list_uudescr-more{
字体大小：11px；
颜色：#787878；
线高：1.909；
左侧填充：10px；
垫底：10px；
}

Lorem ipsum dolor sit amet，Concertetur。
Lorem ipsum door sit amet，一位杰出的领导者。维塔，帕里奥特！类似于一种普通的腐败，但它是一种腐败，它是一种通病
洛雷姆·伊普苏姆·多洛。


Lorem ipsum dolor sit amet，Concertetur。
Lorem ipsum door sit amet，一位杰出的领导者。维塔，帕里奥特！类似于一种普通的腐败，但它是一种腐败，它是一种通病
洛雷姆·伊普苏姆·多洛。

尽我所能理解这个问题，请随意回答edit@davethecoder如果你不确定什么东西会转化成什么，最好不要