css - CSS3 过渡，如果父类改变

Question

我有一个粘性标题。粘性的东西是由父 wordpress 主题制作的，所以我不想更改 js 文件，因为它可能会在下一次更新时被覆盖。

js 将一个类“.sticky”添加到标题中。我希望我的标志出现，当标题是粘性的。并且它应该具有不透明度值的过渡。问题是，下面的 CSS 不起作用。

#logo {
    opacity:0;
    .transition(); /* This is LESS, the transition works well on other elements */
}

.sticky #logo {
    opacity:1;
}

不透明度发生变化，但过渡不可见。如果我用 :hover 尝试同样的事情，就像这样：

#logo:hover {
    opacity:1;
}

一切正常。有没有一种纯 CSS 的方式来让它工作？

编辑：这是一个活生生的例子（更新）这对我有用，即使在 Firefox 中也是如此。

编辑 2：在这里您可以找到当前正在开发的真实站点。CSS 看起来和 Zeaklous fiddle 中的一样，但结果不同。由于某种原因，这不起作用。