Объектно-ориентированные CSS

Я смотрел эту презентацию о объектах, ориентированных на CSS , но я думаю, что я либо не понимаю его правильно, либо не понимаю преимуществ использования OO CSS:

Пример HTML:

Пример CSS:

/* borders */
.border-1 { border: 1px solid red; }

/* backgrounds: */
.bg-2 { background: yellow; }

/* other sections */

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

, но на самом деле, Вы определяете стиль / просмотр HTML или, по крайней мере, частью ее. Конечно, это лучше, чем использование атрибута , потому что вы все еще можете обменять стили для набора Группы.

Точка в том, что вы определяете группы стилей внутри HTML, но я узнал, что вы должны создать «логические» группы внутри HTML (например, CL ass = "Nav-item" / / CLASS = "BTN PRECT-BTN" ) и CSS полностью применяет стиль и определяет, какие элементы относятся к «стилистической» точке зрения (например, .nav-item, .submit-btn {background: красный; } ).

Может быть, я совершенно неправильно понял понятие. Однако я до сих пор не знаю хорошего способа построить мои CSS.