結合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

回答