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;
}

不透明度会发生变化，但转换不可见。如果我尝试同样的事情：悬停，就像那样：

#logo:hover {
    opacity:1;
}

一切正常。是否有一种纯粹的CSS方式，以使其工作？

编辑：Here是一个实例（已更新）       即使在firefox中，这对我也有用。

编辑2：Here您可以找到当前正在开发中的真实网站。 CSS看起来就像Zeaklous小提琴一样，但结果却不同。 出于某种原因，这不起作用。