0

jqUI を使用して、コンテンツ ペインとサイド メニューを備えたアプリを構築しています。

ページにリストが表示されているときはメニュー コンテンツの一部を非表示にしたいが、ページにアイテムが表示されているときはメニュー コンテンツを表示したい。

例としてかなり基本的なjsfiddleを作成しましたhttp://jsfiddle.net/pq83M/8/

ページ遷移はjquiライブラリにあり、この特定の遷移を他の遷移とは別にリッスンするのは効果的ではないと思うので、これをjavascriptで行いたくありません。

私が理解したいと思っているのは、言い方です

いつ

div#content > div#list_item.active ~ div#menu > div#list_item_details {
  display:block;
}

は の兄弟ではなく、~の兄弟を探していることに注意してください。div#contentdiv#list_item.active

私は Sass を使用しているので、これらのカスタム セレクターが利用可能です。

4

1 に答える 1

2

私があなたの質問を正しく理解していれば、親 ( ) に基づいて兄弟を見つけたいと考えていますdiv#contentが、子供 ( ) に応じて特定の親からのみ開始しdiv#list_item.activeます。

もしそうなら、CSS セレクター レベル 3 では不可能ですが、CSS セレクター レベル 4 では可能です。操作/比較の対象を選択できます。http://dev.w3.org/csswg/selectors4/#subject

于 2012-10-18T05:39:17.507 に答える