css - 在 CSS 中，将一个 id 嵌套在另一个 id 中是否有意义或合法——例如“#main #display img { ... }”

Question

在 CSS 中，如果是

#main #display img { height: 80px }

这意味着具有 id 的元素中的所有图像都在具有 iddisplay的另一个元素中main。但这是否有意义或是否合法，因为 id 似乎只是全局名称。

这是因为 SASS 实际上允许嵌套，并且某些代码可能会嵌套它

#main
  width: 700px

  #display
    img
      height: 80px

这是“id中的id”。

更新：这是因为，据推测，不应该有

#main #display img { height: 80px }
#sidebar #display img { height: 80px }

也就是说，永远不应该有两个具有 id 的元素display。所以通常，而不是写

#main #display img { height: 80px }

你也可以写

#display img { height: 80px }

score 7 · Accepted Answer

当然 - 如果您在多个页面上都有一个样式表，则可能在某些情况下这实际上是有意义的（“如果#display是的子级#main，则以这种方式显示图像，否则以这种方式显示”）。

绝对合法，没问题。

score 0 · Accepted Answer

这说得通。这是非常严格的，但这可能正是您正在寻找的。

例如，如果相同的 CSS 用于结构可能不同的许多不同文档。

2 回答 2