Bootstrap：悬停事件不适用于媒体体

Question

当我尝试在媒体上应用以下内容时，没有任何事情发生

.media:hover .media-body{
    background:#FEBD69;
}

就好像我用媒体替换媒体 - 左 - 它开始工作。

这是插件：https://plnkr.co/edit/NcSWBuACE8jlenHWMmWj?p=preview

为什么悬停不适用于媒体体？任何实现此目的的解决方案

Answer 1

试试这个。它肯定会奏效。

这是因为您将background: #fcfcfc;添加为内联css。

您可以通过添加!important来覆盖。

.media:hover .media-body {
    background: #FEBD69 !important;
}