结合CSS选择器来显示/隐藏兄弟们

我正在使用jqUI来构建带有内容窗格和侧边菜单的应用程序。结合CSS选择器来显示/隐藏兄弟们

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

我创建了一个非常基本的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，因此这些自定义选择器可用。

2012-10-18 pedalpete

我还没有听说过Sass提供的任何自定义选择器。 – BoltClock

@BoltClock可能是他的意思'mixins'或指南针？ –

如果我正确理解你的问题，你想找到基于父（div#content）兄弟姐妹，但只取决于自己的孩子（div#list_item.active）特别是向父母开始。

如果是这样，在CSS Selector Level 3中是不可能的，但它会在CSS Selectors Level 4中出现;您可以选择操作/比较的主题。 http://dev.w3.org/csswg/selectors4/#subject

2012-10-18 05:39:17

回答