只在懸停元素上選擇除了懸停元素之外的所有元素

Question

當我將鼠標懸停在其中一個錨元素上時，我想在我的.blog-grid元素中的所有.col-md-4元素中選擇錨元素。我也不想選擇我徘徊的元素。以下是我嘗試這樣做，但它不起作用。有什麼建議麼？除非JavaScript是必要的，否則我更願意堅持使用CSS。

.blog-grid .col-md-4:not(.col-md-4 a:hover) a { 
    opacity:.5; 
} 

Answer 1

爲了更容易設置演示，我已經改變了你的榜樣，以一個類似：

HTML

<ul> 
    <li>one</li> 
    <li>two</li> 
    <li>three</li> 
</ul> 

CSS

ul:hover li:not(:hover) { 
    background-color: red; 
} 

fiddle