Андрей Старинин

@syntax Буду короток. Вы всё правильно понимаете. Вы можете описать интерфейс в классе, однако считается что с интерфейсом удобнее. Плюсы приведены в других комментариях. Однако если нет необходимости, можете не писать интерфейсы, это дело каждого.

Бесплатный htmlacademy.ru + платные интенсивы от них же.
Дают уже готовую профессию.

Еще посоветую поковырять бесплатный codecademy.com. Помимо стандартных курсов есть возможность узнать более специфические вещи. Часто обновляют курсы и запускают новые.

И отдельный забавный проект.

Госпади какой ужас... Пощадите тех кто будет эту верстку потом поддерживать. Почитайте про модульный CSS, BEM и т.д.

В селекторах вида body .wrapper нет ровным счетом никакого смысла.

Но если вы хотите, рекомендую вам перейти на jade вместо html и stylus вместо less, это почти полностью решит вашу проблему.

Ваш пример на Jade

body
  .wrapper
     .left-box
     .right-box
       p
          span

и Stylus (color взял просто так...)

body
  color: #fff;
  .wrapper
     color: #f00;
     .left-box
         color: #0f0;
     .right-box
       color: #ff0;
       p
           color: #f0f;
         span
           color: #34f;

Как видите - мы просто копируем шаблон jade и... все

Но еще раз хочу заметить - вообще это все очень плохо. Даже less вам не поможет в этом случае нормально организовать структуру стилей. Не соблюдается семантика и т.д. Приоритеты стилей в разнобой - сложно поддерживать...