在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内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,以这种方式显示图像,否则就这样").

这绝对合法,没问题.