Почему bootstrap привязывает стили к тегам?

Question

[arzamas-nick]

Специфичность селекторов потом перебить сложно же будет, для чего он так делает ?
Мы же пишем стили через классы обычно а тут и у классов есть и у тегов.

Например:

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}

h1, .h1 {
  font-size: 2.5rem;
}

textarea.form-control {
  height: auto;
}

.table-info th,
.table-info td,
.table-info thead th,
.table-info tbody + tbody {
  border-color: #86cfda;
}

Answer 1

[Hanneman]

Хотя бы для того, чтобы теги "p" или "span" с классом "h1" удобно выглядели бы как "h1", если не хочется из-за семантики или SEO иметь на странице несколько тегов "h1". Это как минимум.

Answer 2

[iBird Rose]

Почему bootstrap привязывает стили к тегам?

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

Специфичность селекторов потом перебить сложно же будет

че это? а какая разница в перебивании дефолтного стиля браузера и другого подключенного css? также пишешь свой стиль и перебиваешь.

Comments

[arzamas-nick]

Ну я как понимал раньше, использовать стили у тегов плохая идея. Разве нет ?

[iBird Rose]

arzamas-nick, во-первых - это фреймворк. это его основная задача. стилизовать все, что нужно, чтобы это выглядело нормально, а не по дефолту браузера.
во-вторых - у использования стилей для тегов тоже есть свои исключения. к примеру ты сверстал новостную страницу, в которой могут быть использованы все эти теги как h1-h6, p, a и прочие для текста. Вот как раз классы задавать этим тегам на этой странице и стилизовать по классам - это плохая идея. Потому что эту страницу могут заполнять контентщики с помощью wysiwyg редактора. И конечно же они не будут использовать классы при заполнении этого текста. Поэтому стили твои должны работать и без классов.