Сделать css: hover влияет только на родительский элемент

В CSS, как я могу остановить:hover событие, инициируемое в родительском элементе при наведении дочернего события, чтобы оно срабатывало только при наведении самого родителя? В этом случае мой дочерний элемент фактически расположен вне его 's родительский элемент с абсолютным позиционированием, так чтоНемного странно, когда родитель меняется, когда ребенок попадает в ловушку.

я сделалJSFiddle чтобы проиллюстрировать проблему.

Вот'сJSFiddle используемого решения для моего примера.

Ответы на вопрос(3)

Ваш ответ на вопрос