CSS 中两个选择器的区别

Question

span.bold 和 span .bold（带空格）作为 CSS 选择器有什么区别，而 span 是 HTML 标签而 .bold 是一个类？

在 Chrome 开发工具中，他们使用了很多没有空格的内容（span.bold）

span .bold 应该是 span 元素内的 class = 'bold' 。 但是span.bold？

Answer 1

span.bold：以bold 类为目标span 元素。

<span class="bold">Bold Text</span>

span .bold：定位 span 元素内具有粗体类的任何元素。

<span>
    <div class="bold">Bold Text</div>
    <div class="bold">Bold Text</div>
</span>