Ожидается RBRACE, но кронштейн есть?

Question

". Topcontent {Ожидается RBRACE в строке 97, столбец 1".вернулся в валидатор CSS, который я использовал (код beautify)

Кто-нибудь имел это раньше?Кто-нибудь знает исправление?Это затронуло около половины моего CSS.Я прошу прощения, если это глупый вопрос.Я новичок в HTML и CSS, и я не смог найти конкретный ответ на форуме.

  .content {
    width: 70%;
    float: left;

.topcontent {
    background-color: #FFF;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 3% 5%;
    margin-top: 2px;
}
.bottomcontent {
    background-color: #FFF;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    padding: 3% 5%;
    margin-top: 2px;
}

.postinfo{
    font-style: italic;
    color: #999;
    font-size: 90%;
}

.top-sidebar {
    width: 21%;
    float: left;
    background-color: #FFF;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin: 2% 0 2% 3%;
    padding: 2% 3%; 
}

.middle-sidebar {
    width: 21%;
    float: left;
    background-color: #FFF;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin-left: 3%;
    margin-bottom: 2%;
    padding: 2% 3%;
}

.bottom-sidebar {
    width: 21%;
    float: left;
    background-color: #FFF;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin-left: 3%;
    margin-bottom: 2%;
    padding: 2% 3%;
}
/* Body styling ends here */

.mainFooter {
    width: 100%;
    height: 40px;
    float: left;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color: #666;
    margin: 2% 0;
}

.mainFooter p {
    width: 92%;
    margin: 2% auto;
    color: #FFF;
}

Спасибо, ребята!Если вам нужна дополнительная информация, пожалуйста, дайте мне знать.

Answer 1

В объявлении .content отсутствует скобка }.Вы можете обновить его следующим образом -

.content {
    width: 70%;
    float: left;
}