取消隐藏仅在悬停状态下显示的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;
}