可能的错误：Firefox中的活动选择器？

Question

我正在编写不同的方法来实现点击和放大使用纯CSS显示，我不确定我是否在Firefox中发现了一个错误。 html代码是：

<span id="show6" class="show6"></span>
<div id="cont6">Ipsum Lorem</div>

CSS使用：active选择器在单击范围时使div可见：

#cont6{
   display: block;
   -webkit-transition: opacity 1s ease-out;
   transition: opacity 1s ease-out;
   opacity: 0; 
   height: 0;
   font-size: 0;
   overflow: hidden;
}
#show6 {cursor:pointer;}
#show6:before { content: "Show"}
#show6:active.show6:before {content: "Hide"}
#show6:active ~ #cont6{
   opacity: 1;
   font-size: 100%;
   height: auto;
}

（你可以在Example number 6 or 8 of this dabblet中看到它的实际效果。不要过多关注这些音符，因为它们是针对我的，但并不能真正解释这些例子。）

如果我理解：激活，效果应该仅在按下范围时发生，并且当它被释放时效果应该停止，但是在Firefox中，div在释放对范围的点击后保持可见。

你可以复制它还是我做错了什么？