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

Question

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

网址如下: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，所以它会覆盖常规设置。