Мелкие фиксы при верстке — можно ли задавать отдельные классы?

Question

[Алексей Дзюба]

Занимаюсь версткой вот уже 3 месяца, мало что понимаю, в этой связи назрел вопрос:
допустим, у меня что-то такое в коде может проскальзывать: div class="container size-fix1 border-fix clearfix". Курсивные классы - по мелочи фиксят маргины всякие, высоты и ширины и тд. Это вообще норм так делать или это плохая практика при верстке? Просто иногда рассчитываешь параметры для группы блоков, а один из них может некорректно отображаться, вот и надо как-то фиксить его положение.

Comments

[Ankhena]

Почитайте https://csswizardry.com/2012/11/code-smells-in-css/

Answer 1

[sim3x]

Делаете в сасс/лесс наследование для таких фиксов у основного класса елемента

Answer 2

[Андрей Верх]

Надо делать не фиксы, а наоборот классами задавать отсутствующие стили.
Задайте основное оформление на "container", а классами уже назначайте маржины, высоту и что там нужно.

Answer 3

[Алексей Черток]

Если есть много "одинаковых" блоков, которые вы используете в верстке, и один из них совсем на другой позиции слетел, то сделайте под-класс, в котором укажите нужное положение ..

.blockContainer { position: relative; padding: 10px; background: #fff; margin-top: 10px; }
.blockContainer.other { margin-top: 20px; }

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

А вообще, лучше изучайте и используйте SASS или LESS.