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

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 会获取之前元素的后代元素。