CSS Hover Selector - решение JS или Jquery

Проблема в том, что вы не можете делать это только с помощью CSS.

Хотя вы используете селектор CSS для выбора элемента, селекторы не могут выбрать родительский элемент, другими словами, вы не можете каким-либо образом отменить элемент...

Либо вы можете выбрать дочерний элемент или соседний элемент, используя +

Итак, в вашем случае

<h2><a> link </a></h2>
<ul class='tools'>
    <li> tool 1 </li>
</ul>

Когда вы используете .tools li:hover, теперь вы не можете выбрать какой-либо другой элемент вне li, вы можете выбрать смежный li при наведении курсора первого li или вы можете выбрать любой дочерний элемент в li.

Поэтому, как только вы выбираете элементы, вы не можете выбрать предыдущий элемент, если на том же уровне, и вы не можете выбрать родительский элемент, и вы не можете выбрать смежный элемент для родителя.

Если вы хотите это сделать, вы можете использовать Javascript или jQuery для этого.

---

Поскольку вы теперь открыты для решения jQuery, вы можете использовать

$("ul.actions li").hover(function(){
   $(this).parent().prev().find('a').toggleClass("hover");
});

Demo

Здесь, в приведенном выше коде, я сначала нацеливаю li используя это ключевое слово, чем, я ищу его родительский элемент, который выберет ul, затем я использую .prev() чтобы искать предыдущий элемент сиблинга, а в конце мы используем .find('a') для целевой a элемент, вложенный внутри h2

---

Если вы хотите использовать единственный способ CSS, чем лучше всего сделать, это обернуть h2 и ul в одном элементе, скажем, что элемент div с class говорит .wrapper чем вы можете использовать селектор, например

.wrapper:hover h2 a {
    color: red;
}

Demo