CSS：目标伪类和兄弟问题

Question

当尝试使用不同的div时，我正在尝试更改div的属性：target（ed）。 JSFiddle就在这里：http://jsfiddle.net/FC5sQ/。 <我认为这个问题源自的是

#tevents:target ~ .titlewrap {top:0;}

在CSS中排队。基本上，一旦#tevents id被定位，我希望titlewrap类的最高值为0。

Answer 1

一般兄弟组合子~不能倒退。因此，由于您的.titlewrap在HTML #tevents之前出现，您的选择器将无效。

不幸的是there's no previous sibling combinator，所以如果您无法更改标记并相应地设置更改样式，那么您无法使用:target和兄弟组合器执行此操作。

顺便说一句，您的top: 30%风格也没有任何效果，那是因为您没有为height设置明确的.titlewrap。