CSS：将鼠标悬停在（：after）元素上并定位另一个元素

Question

我有以下代码：http://jsfiddle.net/t19z7m3g/100/，我希望遵循以下规则：将.main:hover+.more{display: block;}悬停在：after 元素（阅读更多< / em>）放在.main元素上。

我尝试了.main:after:hover+.more，但是没有用。