[Danxil]

суть проблемы в том что бы создать менюшку которая, при нахождении в первой секции подключалась бы к одному классу css, при нахождении в другой секции к другому классу css

Сделай так

<div class="section-1">
  <ul class="onepage-pagination">
    <li>
      <a data-index="1" href="#1" [B]class="onepage-pagination__item active"[/B]></a>
    </li>
    <li>
      <a data-index="2" href="#2" class="onepage-pagination__item"></a>
    </li>
  </ul>
</div>

<div class="section-2">
  <ul class="onepage-pagination">
    <li>
      <a data-index="1" href="#1" [B]class="onepage-pagination__item active"[/B]></a>
    </li>
    <li>
      <a data-index="2" href="#2" class="onepage-pagination__item"></a>
    </li>
  </ul>
</div>

.section-1 .onepage-pagination {
  стили
}
.section-1 .onepage-pagination__item {
  стили
}

.section-2 .onepage-pagination {
  стили
}
.section-2 .onepage-pagination__item {
  стили
}