在CSS3中指定时，补充工具栏不希望更改背景颜色

Question

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

        <aside class="top-sidebar">
            <article>
            <h2>Top Sidebar</h2>
            <p>Discover how to use new techniques to achieve an outstanding, cross-browser HTML5.</p>
            </article>
        </aside>

CSS3

    .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%;
}

结果是（查看右上方的顶部栏）：

Answer 1

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

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

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