html - 关于 HTML 和 CSS 祖先-后代关系

Question

给定 HTML 片段：

<div class="class"></div>

样式（CSS）之间有什么区别（和后果）：

1. div.class
2. div .class

N/B：在 (2) 中 div 和 .class 之间有空格，但在 (1) 中没有。

标签： htmlcss

Answer 1

第一个示例选择所有具有“class”类的 div。

第二个示例选择具有类“class”的 div 的所有后代元素。

因此，您的示例 HTML 只会被示例 1 选择（除非 HTML 是 div 的子项，在这种情况下，示例 2 也会选择它）。