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

我正在尝试通过wordpress的网格插件修改此卡，并且有一个元素以前是“阅读更多”锚元素，并尝试节省一些时间，我决定将其用作下图中的绿色按钮，但问题在于仅在悬停状态下显示。

网址是以下网址：http://uai.compite.cl

有什么方法可以将规则应用于非悬停div吗？我尝试了：not（：hover），但在这种情况下似乎不起作用。

感谢您的帮助

最佳答案

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，因此它会覆盖常规设置。

关于html - 取消隐藏仅在悬停状态下显示的Div，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/42765258/