Как сделать так, чтобы ссылка висела при наведении курсора на другой элемент строки

Question

Так что я редактирую тему 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;
        }

Но ... тогда цвет ссылки даже не изменится, когда я наведу курсор на столбец или на текст.Что я могу сделать?

РЕДАКТИРОВАТЬ: Спасибо, ребята, это было проще, чем я думал.

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

Answer 2

Вы хотите изменить цвет ссылки при наведении курсора на столбец?

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

http://jsfiddle.net/Lyc4gead/