如何在CSS中将H1分组为H6？

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;
}

似乎会影响所有标题，无论是否有孩子。

firefox有一个bug或者CSS的语法不合逻辑。

Answer 5

在CSS中

如果要将aside类应用于h1〜h6，则需要编写如下内容：

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

似乎没有办法提取常见的aside类。

但是在SCSS中

您可以在上方提取

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