在CSS中,将id嵌套在另一个id中是否合理或合法是否合法 – 例如“#main #display i

在CSS中,如果是的话

#main #display img { height: 80px }

这意味着具有id的元素内的所有图像都显示在另一个具有id main的元素中.但是它有意义还是合法的,因为id似乎只是全球名称.

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

#main
  width: 700px

  #display
    img
      height: 80px

这是“id内id”.

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

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

也就是说,永远不应该有两个带有id显示的元素.通常情况下,而不是写作

#main #display img { height: 80px }

你也可以写

#display img { height: 80px }

当然 – 如果你在多个页面上有一个样式表,可能会有这样的场景,这实际上是有意义的(“如果#display是#main的孩子,以这种方式显示图像,否则就这样”).

这绝对合法,没问题.