Fade在CSS中未聚焦的對象

Question

我想知道是否可以選擇三個項目，當它們沒有被徘徊時，所有這三個項目的不透明度都是1，並且對於其他兩個項目如何具有一半的不透明度不透明或「淡入淡出」，當我懸停在一個。

這是我到目前爲止所嘗試的，不幸的是，它已被證明是不成功的，因爲我將鼠標懸停的對象的不透明度保持在.5。

#mainLinks:hover { opacity: .5; } 
#mainLinks a{ 
     margin: 10px -10px 10px -10px; 
     -webkit-transition: -webkit-transform .1s; 
} 
#mainLinks a:hover{ 
     -webkit-transform: scale(1.1); 
     opacity: 1.5; 
} 

任何和所有幫助表示讚賞！只要問我是否需要更多信息或澄清！

感謝， 歐文

Answer 1

你是幾乎沒有。

1. 家長需要有充分的不透明度設置爲0.5
2. 懸停項目將需要的不透明度設置爲1

示例HTML：

<ol id="items"> 
    <li>Item 1</li> 
    <li>Item 2</li> 
    <li>Item 3</li> 
    <li>Item 4</li> 
    <li>Item 5</li> 
</ol>​ 

CSS：

#items:hover > li { opacity: .5; } 
#items:hover > li:hover { opacity: 1; } 

我遺漏了你的例子中的轉換/轉換，但我認爲你明白了。

JSFiddle。