取消隐藏仅在悬停状态下显示的Div

Question

我试图从wordpress的网格插件中修改此卡，并且有一个元素以前是一个“读更多”的锚元素，并试图节省一些时间我决定将它用作来自的绿色按钮下面的图片，但问题是只在悬停状态下显示。

网址如下：http://uai.compite.cl

有没有办法为非悬停div应用规则？我尝试了：not（：hover）但在这种情况下它似乎不起作用。

感谢您的帮助

Answer 1

a.tg-link-button {
    opacity: 1 !important;
    -webkit-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1) !important;
    -moz-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1) !important;
    -ms-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1) !important;
    -o-transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1) !important;
    transform: matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1) !important;
}

我刚刚添加了!important，因此它会覆盖常规设置。

Answer 2

如果我理解正确，您需要悬停效果在每个新闻div上都可见，而不会悬停。 只需添加你的CSS

.quito .tg-light .tg-media-button, 
.quito .tg-light .tg-link-button {
   opacity:1;
}