В чём ошибка в этом фрагменте css кода?

Question

[Levorukij5]

В этом фрагменте css кода есть ошибка: ругается валидатор, ругается подсветка синтаксиса, всё, что ниже, игнорируется браузером. Код не мой, но исправить надо. Подскажите, что не так?

.mainFooter {
    margin: -174px auto 0;
    height: 290px;
    background: #63696d;
}

.footerTop {
    margin: 13px 0 45px;
}

ul {
    display: table;
    text-align: center;
    width: 100%;
    font-size: 0;
    line-height: 0;
}

li {
    display: inline-block;
    vertical-align: top;
    color: #fff;
    font-size: 12px;
    line-height: 14px;
}

&
:before {
    content: '|';
    padding: 0 10px;
}

&
:first-child {

&
:before {
    display: none;
}

}

a {
    text-decoration: underline;

&
:hover {
    text-decoration: none;
}

}
}
}
}

Comments

[ⓒⓢⓢ]

валидатор вам наверно ещё и номер строки написал и подчеркнул на что ругается, да?
оформите полностью свой вопрос, портянку оберните в теги, напишите в каком месте и на что ругается валидатор\синтаксис

[RAX7]

Скобки в порядок приведи

spoiler

.mainFooter {
  margin: -174px auto 0;
  height: 290px;
  background: #63696d;
}

.footerTop {
  margin: 13px 0 45px;

  ul {
    display: table;
    text-align: center;
    width: 100%;
    font-size: 0;
    line-height: 0;
  }

  li {
    display: inline-block;
    vertical-align: top;
    color: #fff;
    font-size: 12px;
    line-height: 14px;

    &:before {
      content: '|';
      padding: 0 10px;
    }

    &:first-child {
      &:before {
        display: none;
      }
    }

    a {
      text-decoration: underline;

      &:hover {
        text-decoration: none;
      }
    }
  }
}

Answer 1

[Евгений Залецкий]

Ну -174px и фигурных скобок мало.

Answer 2

[SagePtr]

Судя по куче закрывающих скобок и амперсандам, изначально это был препроцессор (sass или less), а кто-то криво выдрал оттуда кусок и вставил в css.