Html 在悬停div时，文本背景色不变

我尝试过这样做，当我将整个div悬停在右侧文本效果上时，它对悬停在右侧文本上的效果有效，如何显示悬停div和显示右侧文本背景

谢谢

.my lst>：悬停{
光标：指针；
盒影：02px5px0rgba（0,0,0,0.16），02px10px0rgba（0,0,0,0.12）；
}
.文本背景：悬停{
光标：指针；位置：相对；
颜色：#fff；显示：块；
填充：0.75雷姆1.25雷姆；
背景#25AAE1；
}

占位符32x32
全名
跟随
@用户名

试试看

试一试

---

在父div的悬停上添加相同的效果，即d-flex:hover.text bgi认为在您的示例中，.media是父类。因此，添加相同的效果。i、 e.media:hover.text bg{….}在父div的悬停上添加相同的效果，即d-flex:hover.text bg我认为在您的示例中，.media是父类。因此，添加相同的效果。i、 e.media:hover.text bg{….}

 .text-bg:hover , .media:hover .text-bg{
  cursor: pointer; position:relative;
  color:#fff; display: block;
  padding: 0.75rem 1.25rem;
  background: #25AAE1; 
}