Переопределение 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;     
}

Как вы можете видеть в этой ссылке Я получаю другой цвет, но округление все же происходит. Что мне нужно изменить на footer p{, чтобы я не получил округление?

Answer 1

Попробуйте:

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

Answer 2

добавить footer p {-moz-border-radius: 0; -webkit-border-radius: 0; }