纯 CSS 选项卡菜单活动选项卡

Question

我正在使用这个：http://webdesignerhut.com/create-pure-css-tabs/

并且正在寻找一种方法来确保选项卡在激活后用另一种颜色标记。尝试了以下方法，但没有任何成功。

[id^=tab]:checked ~ [id^=label]  {
    background: #08C;
    color: white;
}

Answer 1

要在当前选项卡上激活，可能需要执行以下操作。

.tabs li.current {
    background: red;
    color: #fff;
  }