2012-10-20 69 views
0

可能重複:
CSS all inclusive sibling selector是否有全部兄弟選擇器?

CSS3有一個adjacent sibling selector +general sibling selector ~。是否可以選擇全部兄弟姐妹? (「常規」選擇實際上只選擇以下兄弟姐妹)

例如,在this example,我想所有的非徘徊一個標籤變得越來越小,而不僅僅是跟隨懸停一個標籤。

HTML

<a href='#'>Item 1</a> 
<a href='#'>Item 2</a> 
<a href='#'>Item 3</a> 

CSS

a { font-size: 15px; } 
a:hover ~ a { font-size: 12px; }​ 
+0

@refp:具有諷刺意味的是,我也回答了一個問題。然而,情景似乎非常不同,足以保證不同的答案。 – BoltClock

回答

3

沒有,在選擇器3

沒有這樣的兄弟選擇雖然可以選擇不被元素佯稱使用:not()僞類,如a:not(:hover),你不能選擇所有的相對於其他a目前正在盤旋,或只有當它被徘徊。

2

如果元素被包裹在一個共同的父,那麼你就可以近似類似的東西:

#parent a { 
    font-size: 2em; 
} 

#parent:hover a { 
    font-size: 1em; 
} 

#parent:hover a:hover { 
    font-size: 2em; 
} 

JS Fiddle proof-of-concept

但是,正如Boltclock所回答的那樣,不幸的是,目前還沒有(當前)基於兄弟的CSS組合/選擇器解決方案。