Как обратиться к верхнему классу?

Question

[malen132]

Добрый день, как обратиться к классу: .main

<div class="columns">
     <div class="main"></div>
     <div class="sidebar-additional"></div>
  </div>

Блок имеется, где:

.main {
   width: 70%;
}
.sidebar-additional{
   width: 30%;
}

Как сделать .main width 100%, если нету на странице класса .sidebar-additional?
Получается main вверху, но сосед sidebar-additional.

Пробовал так:

.sidebar-additional ~ .main {
    width: 800px !important;
}

или с +, не выходит чего то...

Comments

[Антон Литвиненко]

Нельзя так обратится из css, настолько мне известно

[malen132]

Антон Литвиненко, ну в низ я могу, вверх нет... у меня Less , может там что придумали..

Answer 1

[Сергей delphinpro]

.main {
  width: 70%;
}
.main:last-child {
  width: 100%;
}

Comments

[malen132]

Спасибо, всё проще оказалось, а я тут велики изобретать уже думал)