css - 将光标放在行的其他元素上时如何使链接悬停

Question

所以我正在编辑一个 wordpress 主题。默认情况下，当我插入一个链接时它会改变颜色，我将鼠标悬停在整个列上以降低它的不透明度并使其看起来透明但我想要的是当我将链接放在该行的任何部分时，文本会发生变化它的颜色。

这就是它的样子。

.col-md-3:hover {
opacity:0.7;
    }

.col-md-3 a:hover {
color:#34c663 !important;
    }

但是，当我将光标放在它上面时，这会改变链接的颜色，我试图这样放置它。

    .col-md-3:hover {
    opacity:0.7;
    color:#34c663 !important;
        }

但是...当我将光标放在列或文本上时，链接的颜色甚至都没有改变。我能做什么？

编辑:谢谢你们，这比我想象的要容易，哈哈。

Answer 1

示例 1:更改列悬停时列的不透明度和链接的颜色

.col-md-3:hover {
    opacity:0.7;
}

.col-md-3:hover a {
    color:#34c663;
}

示例 2:悬停时更改列的不透明度，并且仅在悬停时更改链接的颜色

.col-md-3:hover {
    opacity:0.7;
}

.col-md-3 a:hover {
    color:#34c663;
}