Как я могу сгруппировать H1 к H6 в CSS?

Question

Можно ли применить стиль CSS ко всем заголовкам от H1 до H6?

Answer 1

Если вы имеете в виду, что вам нужен селектор CSS, который нацелен на все элементы заголовка, то нет. Вы должны указать каждое имя тега.

Пример:

h1, h2, h3, h4, h5, h6 { margin: 5px 0; font-weight: bold; }

Answer 2

h1,h2,h3,h4,h5,h6 {
  color: #F00;
}

Answer 3

вы можете сделать это с помощью CSS. используйте следующее:

h1, h2, h3, h4, h5, h6 { color:red; /* and the rest of your styles */ }

см. http://www.w3schools.com/css/css_intro.asp для хорошего учебника

Answer 4

Кажется, что он не следует соглашению, по крайней мере, в Firefox

aside h2 {
  text-align: center;
}

влияет только на h2, который является дочерним по отношению к *

aside h1,h2,h3,h4,h5,h6 {
  text-align: center;
}

, кажется, влияет на все заголовки независимо от того, дочернийof aside.

Либо Firefox имеет ошибку, либо CSS не очень логичен в своем синтаксисе.