Варианты использования clearfix?

Question

[lavezzi1]

Суть вопроса в том, что мне не нравится этот вид:
<div class="header clearfix">

На многих зарубежных сайтах видел, что используют фикс не дописывая класс к элементу. То есть они в css его дописывают к каждому элементу которому нужен фикс? или как?

Answer 1

[Вадим Белкин]

Нужному классу просто добавляют те же css параметры что и у clearfix.

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}

.header:before,
.header:after {
  content: " ";
  display: table;
}
.header:after {
  clear: both;
}

Никто такое не запрещает, в большинстве фреймворках практикуется. При использование препроцессоров можно использовать extend как вам посоветовали выше.

Comments

[lavezzi1]

Вот это понимаю ответ, спасибо!

Answer 2

[Igor]

Да, например, используют в препроцессорах @extend:
sass-lang.com/documentation/file.SASS_REFERENCE.ht...

Answer 3

[IceJOKER]

Ну так пройдитесь по сайтам и проверяйте, кто вам мешает?
Можете так и этак, как вам удобнее.

el:after{} /* */