Html CSS类嵌套不起作用

我有一个CSS类，我想确保每当

h2

标记被分配给该类时，都会将额外的CSS分配给原始类顶部的

h2

标记。这是我目前使用的CSS和HTML，但它目前没有呈现文本对齐类

.aligncenter{
明确：两者皆有；
颜色：#000000
氢{
文本对齐：居中；
}

H2文本应为黑色且居中

常规css无法做到这一点。使用常规css实现目标的唯一方法如下：

.aligncenter {
    clear: both;
    color: #000000
}

h2.aligncenter {
    clear: both;
    color: #000000
    text-align: center;
}

要做嵌套和其他很酷的事情，你需要一些css扩展语言，比如SASS

.aligncenter{
明确：两者皆有；
颜色：#000000
氢{
文本对齐：居中；
}

H2文本应为黑色且居中

h2.1中心{
明确：两者皆有；
颜色：#000000；
文本对齐：居中；
}
H2文本应为黑色且居中

我正在使用SCSS，在代码库中看到了一些类似的东西，但我自己无法使其工作。您是否正在将您的SCSS文件转换为css？是的，我正在使用sass编译器。我想这就是它开始崩溃的地方

<style>
h2.aligncenter {
        clear: both;
        color: #000000;
        text-align: center;
        }
</style>

    <div><h2 class="aligncenter"> H2 Text that should be black and centered</h2></div>
 <!-- end snippet -->