jquery - 如何使这 3 个选项卡各自具有单独的背景颜色？

Question

我有三个标签，我正在寻找每个标签背景都有自己的颜色。现在他们都是灰色的。如何为选项卡 1、选项卡 2 和选项卡 3 提供单独的颜色？

http://jsfiddle.net/Lance_Bitner/4zLkb6v0/

.tabs a:hover,
.tabs a.active {
 background: #666;
 color: #fff;
 }

Answer 1

检查我的答案:http://jsfiddle.net/4zLkb6v0/5/

基本上您可以为每个标签使用您的 for 属性:

.tabs .tab label[for='tab-1'] {
  background-color: red;
}
.tabs .tab label[for='tab-2'] {
  background-color: orange;
}
.tabs .tab label[for='tab-3'] {
  background-color: blue;
}

也许每个标签上都有一个类会更好，我也会清理你的一些嵌套，太多的 DIV 相互嵌套。