В CSS, имеет ли смысл или законно вложить идентификатор в другой идентификатор, такой как "#main #display img {...}"

Question

В CSS, если это

#main #display img { height: 80px }

, это означает, что все изображения в элементе с идентификатором display находятся внутри другого элемента с идентификатором main.Но имеет ли это смысл или это законно, так как id кажется просто глобальными именами.

Это потому, что SASS на самом деле допускает вложение, и некоторый код может вложить его как

#main
  width: 700px

  #display
    img
      height: 80px

, чтоid in id ".

Обновление: это потому, что, предположительно, никогда не должно быть

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

, то есть никогда не должно быть двух элементов с идентификаторомdisplay.Поэтому обычно вместо того, чтобы писать

#main #display img { height: 80px }

, вы также можете написать

#display img { height: 80px }

Answer 1

Конечно - если у вас есть одна таблица стилей на нескольких страницах, могут быть сценарии, в которых это действительно имеет смысл («если #display является потомком #main, показывайте изображения таким образом, иначе - таким образом»).

Это определенно законно, без проблем.

Answer 2

Это имеет смысл.Это очень ограничительно, но это может быть именно то, что вы ищете.

Например, если один и тот же CSS-код используется со многими различными документами, структура которых может отличаться.