+在CSS中的运算符不起作用

Question

我已阅读this问题并尝试实施解决方案以解决我的问题。 Here(fiddle)就是例子。当我悬停在“工作网格图像”上时，“工作策略”div没有显示出来。 HTML：

<span class="work-grid__image">Work Grid Image</span> 
<div class="work-grid__images">Work Grid Images 
    <div class="work-strategy"> 
    Work Strategy 
    </div> 
</div> 

CSS：

.work-strategy{ 
    opacity:0; 
} 

.work-grid__image:hover + .work-grid__images > .work--strategy{ 
    -webkit-transition: opacity .5s ease-in-out .5s; 
    transition: opacity .5s ease-in-out .5s; 
    opacity:1; 
} 

Answer 1

你把.work--strategy在你的CSS，而不是.work-strategy。 基本上，这个类不存在，一个简单的错字。