CSS 选择器空间实际上允许条件 id 样式：

h1#my-id {color:red}
p#my-id {color:blue}

将按预期呈现。为什么要这样做？有时 ID 是动态生成的，等等。进一步的用途是根据高级 ID 分配以不同方式呈现标题：

body#list-page #title {font-size:56px}
body#detail-page #title {font-size:24px}

就我个人而言，我更喜欢更长的类名选择器：

body#list-page .title-block > h1 {font-size:56px}

因为我发现使用嵌套 ID 来区分处理有点不合理。只要知道，随着 Sass / SCSS 世界中的开发人员掌握了这些东西，嵌套 ID 就会成为常态。

最后，当谈到选择器性能和优先级时，ID 往往会胜出。这是另一个话题。