选择器之间的空间是什么意思？

Question

我最近遇到了这个对我来说很新的语法。我试着做一些实验，看看它究竟做了什么，但不能肯定地说，所以我需要帮助。这是css中的代码：

.animation-element.slide-left.testimonial .content {
  some styling statements;
}

在选择器之间放置空格而不执行此操作之间是否存在差异？如果是这样，有什么区别？

Answer 1

空格而不是空格之间的区别是这样的：

<div class="animation-element slide-left testimonial">
    <div class="content">
        Some content
    </div>
</div>

所以.animation-element.slide-left.testimonal是所有一个元素，包含多个类。然后.content之后得到元素的后代元素。