CSS中的+运算符无法正常工作

Question

我已阅读this问题，并尝试为我的问题实施解决方案。 Here(fiddle)就是一个例子。当我将鼠标悬停在工作网格图像上时工作策略＆＃39; 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。 基本上，这个类不存在，简单的错字。