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

时间:2018-03-03 06:57:51

标签: twitter-bootstrap

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

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

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

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

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

1 个答案:

答案 0 :(得分:0)

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

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

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

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