Javascript Css第n个子筛选器未应用于所有元素

我有一个带有以下css的选项卡控件，在使用

.tabset

时显示第一个元素（中的完整代码）

.tabset>输入：第一个子项：选中~.tab panels>。tab panel:第一个子项，
.tabset>输入：第n个子项（3）：选中~.tab面板>.tab面板：第n个子项（2），
.tabset>输入：第n个子项（5）：选中~.tab面板>.tab面板：第n个子项（3），
.tabset>输入：第n个子项（7）：选中~.tab面板>.tab面板：第n个子项（4），
.tabset>输入：第n个子项（9）：选中~.tab面板>.tab面板：第n个子项（5），
.tabset>输入：第n个子项（11）：选中~.tab面板>.tab面板：第n个子项（6）{
显示：块；
}

但是当我添加两个选项卡集时，css只适用于第二个选项卡集

---

我希望两个选项卡集中的第一个面板都可见。是否有办法解决此问题？

您需要将

名称

属性更改为不同于集合

例如：

说明：

当您将相同的

name

属性设置为多个无线电输入时，它会将它们“分组”为一个无线电组，因此当您单击其中一个时，其余的将被取消选中

您希望有两个组，每个组都将选中

收音机。因此，您需要将其输入

name

设置为不同的输入

/*
主要交互的CSS
*/
.tabset>input[type=“radio”]{
位置：绝对位置；
左：-200vw；
}
.tabset.tab面板{
显示：无；
}
.tabset>input:first child:checked~.tab panels>.tab panel:first child，
.tabset>输入：第n个子项（3）：选中~.tab面板>.tab面板：第n个子项（2），
.tabset>输入：第n个子项（5）：选中~.tab面板>.tab面板：第n个子项（3），
.tabset>输入：第n个子项（7）：选中~.tab面板>.tab面板：第n个子项（4），
.tabset>输入：第n个子项（9）：选中~.tab面板>.tab面板：第n个子项（5），
.tabset>输入：第n个子项（11）：选中~.tab面板>.tab面板：第n个子项（6）{
显示：块；
}
/*
造型
*/
身体{
字体：16px/1.5em“立交桥”、“开放式无衬线”、Helvetica、无衬线；
颜色：#333；
字体大小：300；
}
.tabset>标签{
位置：相对位置；
显示：内联块；
填充：15px 15px 25px；
边框：1px实心透明；
边界底部：0；
光标：指针；
字号：600；
}
.tabset>label:：after{
内容：“；
位置：绝对位置；
左：15px；
底部：10px；
宽度：22px；
高度：4px；
背景#8d8d8d；
}
.tabset>标签：悬停，
.tabset>输入：焦点+标签{
颜色：#06c；
}
.tabset>标签：悬停：：之后，
.tabset>input:focus+label:：after，
.tabset>输入：选中+标签：：之后{
背景#06c ;；
}
.tabset>输入：选中+标签{
边框颜色：#ccc；
边框底部：1px实心#fff；
边缘底部：-1px；
}
.选项卡面板{
填充：30px0；
边框顶部：1px实心#ccc；
}
/*
仅用于演示目的
*/
*,
*：之前，
*：之后{
框大小：边框框；
}
身体{
填充：30px；
}
tabset先生{
最大宽度：65em；
}

马尔岑
劳什比尔
邓克尔斯博克
6A。马尔岑
总体印象：一款优雅的、含麦芽的德国琥珀拉格啤酒，具有干净、浓郁、烤面包般的麦芽味，苦味适中，干爽的回味鼓励人们再喝一杯。整个麦芽酒给人的印象是柔和、优雅、复杂，回味丰富，永不令人厌烦或沉重

历史：顾名思义，三月酿造的“三月啤酒”味道更浓，整个夏天存放在寒冷的洞穴中。现代版本可以追溯到斯帕滕在1841年开发的啤酒，与维也纳啤酒的开发同步。然而，马尔岑的名字比1841年要古老得多；早期的是深棕色，在奥地利，这个名字意味着一个强度带（14°P），而不是一种风格。德国琥珀啤酒（当时的维也纳风格）于1872年首次在啤酒节上出售，这一传统一直延续到1990年，当时金节啤酒被作为标准节日啤酒

6B。劳什比尔
总体印象：一款优雅、麦芽味的德国琥珀啤酒，具有平衡、互补的山毛榉烟雾特征。烤面包富含麦芽的香气和风味，苦味受到抑制，烟味从低到高，发酵曲线干净，回味柔和

历史：德国巴伐利亚法语区班贝格市的历史特色。山毛榉烟熏麦芽被用来制作马尔森风格的琥珀啤酒。麦芽的烟雾特性因麦芽酯而异；一些啤酒厂自己生产烟熏麦芽（rauchmalz）

6C。邓克尔斯博克
总体印象：一种深色、浓烈、含麦芽的德国啤酒，强调欧洲大陆麦芽的麦芽味丰富且有点烘烤的品质，但结尾不甜

历史：起源于德国北部城市艾因贝克，在汉萨同盟时期（14至17世纪），艾因贝克是一个酿造中心和受欢迎的出口商。从17世纪开始在慕尼黑重建。“bock”这个名字是基于巴伐利亚方言中“Einbeck”这个名字的腐败，因此只有在啤酒运到慕尼黑后才被使用。“Bock”在德语中也表示“Ram”，常用于徽标和广告中

资料来源：

马尔岑
劳什比尔
邓克尔斯博克
6A。马尔岑
总体印象：一款优雅的、含麦芽的德国琥珀拉格啤酒，具有干净、浓郁、烤面包般的麦芽味，苦味适中，干爽的回味鼓励人们再喝一杯。整个麦芽酒给人的印象是柔和、优雅、复杂，回味丰富，永不令人厌烦或沉重

历史：顾名思义，三月酿造的“三月啤酒”味道更浓，整个夏天存放在寒冷的洞穴中。现代版本可以追溯到斯帕特开发的啤酒