css - 悬停在父元素上时显示子元素

Question

我正在尝试使 .work--strategy、.work--service 和 .work--design 在悬停在其父 div 上时可见。下面是它的代码。目前，它仅在有人使用此代码监督 child 时才有效。

.work--service_provided:hover .work--strategy,.work--service_provided:hover .work--design,.work--service_provided:hover .work--dev{
    visibility:visible !important;
}

我构建了一个 fiddle example但是 fiddle 工作正常。

Answer 1

Style is Fine 也许其他类(class)比它好我们Js

我有一个 sample https://jsfiddle.net/teo3c2rh/1/

$('.work--service_provided').hover(function(){
    $(this).addClass('active')
},function(){
    $(this).removeClass('active')
});