Jquery 如果其他同级具有类，则在同级上运行CSS

是否有一种方法可以在纯css中执行以下操作。如果我的

rds触发器按钮

激活了该类，我希望

选项卡

div可见，否则隐藏

html:

---

简化代码为：

.tab {
  display: none;
}
.rds-trigger-button.active + .tab {
  display: block;
}

在上面发布的代码中，您使用的是选择器

.rds-trigger-button.active+.tabs

。由于元素的类是

.tab

（单数），而不是

.tabs

，因此它没有被应用。此外，在您发布的示例中，您还使用了选择器

.rds-trigger-button.active>.tabs

。出于同样的原因，它不起作用，因为

.tab

不是

.rds trigger button.active

的直接子项

澄清一下，

+

是一个例子。顾名思义，它将选择直接相邻的同级元素

---

在某些情况下，您可能还对以下操作感兴趣。

删除

.rds-trigger-button.active+.tabs结尾的s

以获取.tab；）

只需将此添加到CSS中即可

.active ~ .tab{
   display: block;
}

---

你已经回答了你的问题；使用相邻同级选择器

A+B

@LucaDeCaprio Yes。它是CSS 2.1选择器，因此在IE7及更高版本中受支持。。

.tab {
  display: none;
}
.rds-trigger-button.active + .tab {
  display: block;
}

.active ~ .tab{
   display: block;
}