0

我正在使用 jqUI 构建一个带有内容窗格和侧菜单的应用程序。

当页面显示列表时,我想隐藏一些菜单内容,但是当页面显示一个项目时,我想显示菜单内容。

我创建了一个非常基本的 jsfiddle 作为示例http://jsfiddle.net/pq83M/8/

我不想在 javascript 中执行此操作,因为页面转换位于 jqui 库中,并且我认为单独监听此特定转换不是有效的。

我希望弄清楚的是一种说法

什么时候

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

需要注意的~是 正在寻找 的兄弟姐妹div#content,而不是 的兄弟姐妹div#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 回答