CSS覆盖使用相同的名称？

Question

我正在玩HTML5和CSS3。正如您在下面看到的，我想要一个网站范围<p>标记样式，但是在页脚中我还希望在其中添加<p>标记，但颜色不同且没有舍入。

p {
    background-color: #1a315f;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #000;
    padding: 10px;
    color:#ffffff;
    text-align: center;
    box-shadow:5px -5px 10px #000000;
}

footer {
    width:100%;
}

footer p{
    background-color: #FEAF48;
    display: -webkit-box;
    -webkit-box-orient:horizontal;     
}

正如你在link中看到的那样，我得到了不同的颜色，但仍然会出现舍入。我需要更改为footer p{，以便我不进行舍入？

Answer 1

添加此footer p {-moz-border-radius: 0; -webkit-border-radius: 0; }

Answer 2

尝试：

footer p{
    background-color: #FEAF48;
    display: -webkit-box;
    -webkit-box-orient:horizontal;     
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}