css - 是否有 ALL 兄弟姐妹选择器？

Question

可能重复：
CSS 全包兄弟选择器

CSS3 有一个相邻的兄弟选择器 +和一个通用的兄弟选择器 ~。是否可以选择所有兄弟姐妹？（“一般”选择器实际上只选择以下同级）

例如，在此示例中，我希望所有非悬停的 a-tag 变小，而不仅仅是悬停后的标签。

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; }

score 3 · Accepted Answer

不，在 Selectors 3 中没有这样的兄弟选择器。

:not()尽管您可以使用伪类 as选择未悬停的元素，但a:not(:hover)您不能相对于当前悬停的其他元素a或仅在悬停时选择所有元素。

score 2 · Accepted Answer

如果元素被包裹在一个共同的父级中，那么您可以近似于类似的东西：

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

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

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

但是，正如 Boltclock 所回答的，不幸的是，没有（当前）基于兄弟姐妹的 CSS 组合器/选择器解决方案。

2 回答 2