仅在悬停时选择除了悬停元素之外的兄弟元素内的所有元素

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