別の div が :target(ed) されているときに、div のプロパティを変更しようとしています。JSFiddle はhttp://jsfiddle.net/FC5sQ/にあります。問題が発生する(私が信じている)行は、
#tevents:target ~ .titlewrap {top:0;}
CSSの行。基本的に、#tevents id がターゲットになったら、titlewrap クラスのトップ値を 0 にします。
別の div が :target(ed) されているときに、div のプロパティを変更しようとしています。JSFiddle はhttp://jsfiddle.net/FC5sQ/にあります。問題が発生する(私が信じている)行は、
#tevents:target ~ .titlewrap {top:0;}
CSSの行。基本的に、#tevents id がターゲットになったら、titlewrap クラスのトップ値を 0 にします。
一般的な兄弟コンビネータ~
は逆方向には機能しません。そのため、 HTML で your.titlewrap
が前に来るため#tevents
、セレクターは機能しません。
残念ながら、以前の兄弟コンビネータはありません。そのため、マークアップを変更してそれに応じてスタイルを変更できない場合は:target
、兄弟コンビネータでこれを行うことはできません。
ちなみに、あなたのスタイルtop: 30%
も何の効果もありません.height
.titlewrap