純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; 
    } 

Codepen演示link