Template:Tabs/styles.css：修订间差异

2025年3月1日 (六) 19:16的版本

/* 隐藏所有标签内容 */
.mcPestanya {
  display: none;
}

/* 默认显示第一个标签内容 */
.mcContingut > .mcPestanya:first-child {
  display: block;
}

/* 显示选中的标签内容 */
.mcContingut[data-active="1"] > .mcPestanya:nth-child(1),
.mcContingut[data-active="2"] > .mcPestanya:nth-child(2),
.mcContingut[data-active="3"] > .mcPestanya:nth-child(3),
.mcContingut[data-active="4"] > .mcPestanya:nth-child(4),
.mcContingut[data-active="5"] > .mcPestanya:nth-child(5),
.mcContingut[data-active="6"] > .mcPestanya:nth-child(6),
.mcContingut[data-active="7"] > .mcPestanya:nth-child(7),
.mcContingut[data-active="8"] > .mcPestanya:nth-child(8),
.mcContingut[data-active="9"] > .mcPestanya:nth-child(9),
.mcContingut[data-active="10"] > .mcPestanya:nth-child(10) {
  display: block;
}

/* 标签按钮样式 */
.mcBoto {
  cursor: default;
  padding: 10px;
  margin: 5px;
  border: 1px solid #ccc;
  background-color: #f9f9f9;
  text-align: center;
  display: inline-block;
}

/* 选中标签的样式 */
.skin-invert > .mcBoto:first-child {
  font-weight: bold;
  background-color: #9070c0;
  color: white;
}
.skin-invert[data-active="2"] > .mcBoto:nth-child(2),
.skin-invert[data-active="3"] > .mcBoto:nth-child(3),
.skin-invert[data-active="4"] > .mcBoto:nth-child(4),
.skin-invert[data-active="5"] > .mcBoto:nth-child(5),
.skin-invert[data-active="6"] > .mcBoto:nth-child(6),
.skin-invert[data-active="7"] > .mcBoto:nth-child(7),
.skin-invert[data-active="8"] > .mcBoto:nth-child(8),
.skin-invert[data-active="9"] > .mcBoto:nth-child(9),
.skin-invert[data-active="10"] > .mcBoto:nth-child(10) {
  font-weight: bold;
  background-color: #9070c0;
  color: white;
  border-bottom: none;
}