«Наследование» CSS-селектора

Question

Есть ли способ для класса CSS по существу сказать, делают ли эти команды, а также команды другого класса?

Случай использования: у меня есть сайт с двумя столбцами, использующий Bootstrap. На данный момент я не уверен, какой будет относительная ширина, и было бы неплохо иметь возможность изменить это в одном месте в моем файле SCSS, а не переходить к каждому экземпляру левой и правой колонок и добавлять необходимые классы начальной загрузки.

Answer 1

Вы можете вызвать настройки сетки / столбца Boostrap, используя Sass mixins.

Например:

.your-left-column {
    @include make-col(8);
}

.your-right-column {
    @include make-col(4);
}

Это позволит вам установить ширину сетки / столбца в одном или нескольких местах.

Подробности здесь: https://getbootstrap.com/docs/4.0/layout/grid/#mixins

Answer 2

Иногда самый простой подход - лучший!

Если ваша проблема в том, что у вас есть куча:

class="left-column col-md-4"

И, возможно, вы измените свое мнение и желание

class="left-column col-md-6"

Тогда "Найти изаменить через документы "может работать лучше всего.Большинство, если не все, редакторы кодирования будут иметь эту функцию.Если вы соблюдаете соглашения об именах классов, это может сработать очень хорошо!