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

Question

在CSS中，如果是

#main #display img { height: 80px }

表示ID为display的元素中的所有图片都位于另一个ID为main的元素中。但是它有意义还是合法的，因为id似乎只是全球名称。

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

一样嵌套它

#main
  width: 700px

  #display
    img
      height: 80px

是“id in id”。

更新：这是因为，据说，应该永远不会有

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

也就是说，永远不应该有两个ID为display的元素。通常情况下，而不是写

#main #display img { height: 80px }

你也可以写

#display img { height: 80px }

Answer 1

当然 - 如果您在多个页面上有一个样式表，可能会出现这样的情况（“如果#display是#main的孩子，则以这种方式显示图像，否则就是这样“）。

这绝对是合法的，没问题。

Answer 2

这很有道理。这是非常严格的限制，但这可能正是您正在寻找的。

E.g。如果相同的CSS与许多不同的文档一起使用，其结构可能会有所不同。