Html 在CSS3中指定时，侧边栏不希望更改背景颜色

我正在编写一个css3和htm5网站，我遇到了一个问题，即使我更改了侧边栏“顶部侧边栏”的所有类，它也不想更改背景颜色。前景色会改变，但背景不想改变。因为这是一个混乱的500行，我将只放在顶部边栏的行。 HTML5：

结果是（查看右上侧的上侧栏）：

---

您正在覆盖同一类中的背景色^^

background-color:#82a213;
background-color: #FFF; 

CSS是级联样式表，这意味着最低的规则将覆盖上面的规则

    .top-sidebar {
        background-color:#82a213;
        width: 86%;
        float: left;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px; 
        background-color: #FFF; 
        margin-top: 4%;
        margin-left: 0;
        padding: 0 7%;
        margin-bottom: 0;       
    }

    .top-sidebar p {
        background-color:#82a213;
        width: 90%;
    }
.top-sidebar {
    background-color:#82a213;
    color:black;
    width: 24%;
    float: left;
    margin-left: 2%;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px; 
    background-color: #FFF; 
    padding: 2% 3%;
    margin-bottom: 2%;
}

background-color:#82a213;
background-color: #FFF;