Опишите логику, по которой программа определит, что вам больше не нужны вложенные селекторы? Можете?
Я понимаю, что сейчас это не актуально, но удобно так: файлы разбиваются по блокам (БЭМ или по какой-то другой логике). Файлы будут обозримыми, поиск подобных ошибок станет более легким, работа со стилями тоже.
С другой стороны, пока ищете скобку, можно и на блоки разбить. Два плюса оптом.
Обычно ошибки возникают в том месте с которым только что работали. Если их недавно не было, а теперь вот случились, то логично, что мы только что что-то зацепили.
Если на сайте три тега и у всех transition, то ничего тупить не будет.
Считайте это ответом.
Добавлю, что разработчики стараются даже не писать transition all, а указывать конкретные свойства, которые будут анимировать.
И ещё и will-change задают.
Делаем блок какой вам нужен. Задаем ему overflow auto
Засовываем в него другой блок (в идеале псевдо от первого) с размерами 1920х1080. Ну или минимальными размерами. Ему задаем фоновую картинку.
Из спеки
Contexts in which this element can be used:
As a child of a table element, after any caption, colgroup, and thead elements, but only if there are no tr elements that are children of the table element. https://html.spec.whatwg.org/multipage/tables.html...
Справедливости ради, раньше tfoot действительно нужно было писать до tbody
Гуглить "схлопывание и выпадение вертикальных margin".
Потом "разница между padding и margin". Потому что это вообще не margin. Но схлопывание как раз таки должно научить отличать когда что использовать.
Остальные тоже хорошо бы прочитать.
Альтернатива: гриды и их единицы fr