html - CSS active 不适用于选择选项卡

Question

一旦我们选择了任何选项卡，如帐户、账单、数据、使用情况。悬停工作完美。 但是选中的backgroundcolor不是active状态， 这是我的 CSS

.header :active, .footer:active {
    border: none;
    background:yellow;
    box-shadow: 0px 0px 1px #777;
}

JSFiddle

Answer 1

Live demo

你应该删除 header 和 :active 之间的空格

.header:active, .footer:active {
    border: none;
    background:yellow;
    box-shadow: 0px 0px 1px #777;
}