有什么区别
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 往往会胜出。这是另一个话题。