Html 为什么不应用内部div的属性？

我对网络开发非常陌生，所以请容忍我。我正在使用Jekyll生成我的网页。因此，我创建了一些自定义类，并在相应的_sass文件中指定了css属性

以下是与问题相关的两个类别：

.quote{
        width: 100%;
        margin: auto;
        text-align: center;
        background-color: #171717;
        font-size: 25px;
        padding: 10px;

        &.author{
            width: 50%;
            float: right;
            font-size: 20px;
            color: red;
            padding: 10px;
        }
  }

这是Jekyll生成的css代码：

节.引号{宽度：100%；边距：自动；文本对齐：中心；背景色：171717；字体大小：25px；填充：10px；} section.quote.author{width:50%；float:right；字体大小：20px；颜色：红色；填充：10px；} 以下是相关的HTML代码：

您好，这里应该显示一个报价。 这应该是作者的名字。 但是，author类的属性不应用于内部div，而是具有与quote对应的属性。为什么呢？我错过什么了吗

请注意，我打算在引用中使用作者

在CSS中的&和.author之间添加一个空格。请看这里：

此外，在生成的代码中，.quote和.author之间应该有一个空格。请参见此处：