css前の兄弟プロパティを調整する

Question

最初の兄弟がホバー状態になっているときに前の兄弟を調整しようとしています。私はここに一例をあげています。私はビューポートの100％の幅にとどまるようにしようとすると、あなたが60％であることを覆われているdivを調整し、他の子供は40％になるように調整しようとしています。

https://jsbin.com/xucipevuzi/edit?html,css,output

これは、次の兄弟を取得しますが、私は最初のものはホバーを持っている場合、以前のを得るための良い方法を見つける傾けます。

&:hover 
    width 60% 
    + div 
    width 40% 

Answer 1

バックこの場合のHTMLツリー（カスケード接続スタイルシート ）

上がって何のCSSセレクタがありませんが、あなたはすべてのdiv親をホバリングするとき40%にと60%ホバリング親を設定することができますし、 divをホバリング：

.two-selection:hover div 
     width 40%  

.two-selection:hover div:hover 
     width 60% 

https://jsbin.com/risenihejo/1/edit?html,css,output