Зачем нужен микс блока и модификатора? Ведь модификатор уже содержит информацию о блоке.

Форум /

Зачем мне писать <div class=”block block_mod”>, разве я не могу всё описать в .block_mod? При этом все модификаторы разложить в разные файлы и подключать только нужный. А благодаря препроцессорам можно подмешивать код блока к каждому модификатору и так избежать копипаста.

9 years ago

antonfrolovsky

.block - правила по умолчанию (без модификаций). Если писать все в модификаторах получается масло масляное.

9 years ago

vithar

@alexeyten like!

9 years ago

alexeyten

@vithar я не прав.

В Вариной версии будет так:

.block
.block_red
.block_bold
  color: red
  font-weight: normal

.block_red
  color: red

.block_bold
  font-weight: bold

9 years ago

varya

@a-frolovsky-parc Ну будет либо <div class="block">, либо <div class="block_mod">. Красиво...

9 years ago

antonfrolovsky

@varya или будет так: <div class="block_default block_mod1 block_mod2"></div> Так зачем нам добавлять слово default для стандартных правил?

9 years ago

vithar

@alexeyten @varya модификатор может добавляться/убираться динамически, в этом случае нам всё равно нужны стили на block.

9 years ago

sun-ks

Например у вас есть кнопка <a href="#" class="btn">кнопка</a>. Блок .btn где

.btn{
  padding: 10px;
  color: white;
  display: inline-block
}

Потом понадобилось создать кнопку таких же размеров, но что бы текст был красным. Что бы не писать новый блок вы просто добавляете модификатор. Например <a href="" class="btn btn__color_red">кнопка</a>

.btn__color_red{
  color: red;
}

9 years ago

varya

Сам спросил, сам ответил: в таком случае микс двух и более модификаторов становится неудобным, надо будет на каждую комбинацию предусматривать ещё один модификатор.

Чтобы оставлять комментарии, необходимо авторизоваться.