为什么不应用内部div的属性？ [重复]

Question

此问题已经在这里有了答案：

What does a space mean in a CSS selector? i.e. What is the difference between .classA.classB and .classA .classB? （4个答案）

[<16天前关闭。

我是Web开发人员的新手，所以请多多包涵。我正在使用Jekyll生成我的网页。因此，我创建了一些自定义类，并在相应的css文件中指定了_sass属性。

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

.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代码：
section .quote { width: 100%; margin: auto; text-align: center; background-color: #171717; font-size: 25px; padding: 10px; }

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

以下是相关的HTML代码：
<div class="quote">

        <div id="randomquote">
            Hello there, this is supposed to show a quote.
         </div>


        <div class="author">
            This should be the author's name.
        </div>

</div>

但是，author类的属性不适用于内部div。而是具有与quote对应的属性。这是为什么？我想念什么吗？ 
[请注意，我打算在author中使用quote。 
    

Answer 1

在CSS的&和.author之间添加空格。看到这里：

https://jsfiddle.net/y4j6ua1r/1/

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

https://jsfiddle.net/y4j6ua1r/2/