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

时间:2018-06-07 19:50:30

标签: css hover

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

所以这就是它的样子。

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

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

但是,当我把光标放在它上面时,它改变了链接cokor,我试着把它放在这样。

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

但是......当我把光标放在列上或文本上时,链接的颜色都不会改变。我该怎么办?

编辑: 谢谢你们,这比我想的要容易大声笑。

2 个答案:

答案 0 :(得分:0)

是否要在悬停列时更改链接颜色?

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

http://jsfiddle.net/Lyc4gead/

答案 1 :(得分:0)

示例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;
}