разрешите поинтересоваться, почему вложенность - это плохо?
Потому что браузер должен найти сначала каждый .item на странице, затем проверить, а есть ли у него родитель .images, потом проверить есть ли у всех найденных родитель .content, а затем лежит ли вся эта гусеница внутри section.
Т.е. ваша запись подразумевает, что есть какие-то другие .item, лежащие в других родителях и имеющие другие свойства.
Почитайте https://habr.com/ru/post/445292/ и далее.
Это первая часть.
А во вторых, когда в адаптивном сайте вам на какой-то ширине нужно будет переопределить какое-то свойство, то придется писать селектор с таким же или с большим весом.
Будет недостаточно написать просто
1. Почитайте про относительные и абсолютные пути.
2. Почитайте про тег base
Как браузер узнает, что эти стили нужно загружать именно с этого сайта?
Потому что он уже открыл какой-то домен и все относительные пути будут внутри этого домена, если не указано иного через тег base или непосредственно в пути.
corrector25, во-первых, в тгт момент, когда я смотрела, на песочницу была только ссылка и там были обнулены марджины и у боди и у p.
Во-вторых, про margin уже был написан ответ.
Triplicate, если там обычный css linear-gradient, то да, это не его проблемы.
У него могут быть зазубрины на границе цветов, когда градиент под странным углом. Это бывает.
Triplicate, я вижу по одной ступеньке на каждой картинке. Чуть ниже see video.
Когда-то давно, лет 15 назад, видела ноут, который не умел отображать градиент гладко и заметно полосил.
Теоретически, в браузерах тоже есть свое сглаживание. Не изучала, правда, нюансов.
Сейчас с телефона, даже в яркость поиграла и тоже не вижу полос, кроме одной.
Genri_Rus, если у них там бесконечное храниллище, то почему бы и нет.
Может они удаляют картинки со сроком давности 3 года или 10.
Или не умеют их удалять. Или мнят себя фейсбукой. Или еще что-нибудь.
Потому что браузер должен найти сначала каждый .item на странице, затем проверить, а есть ли у него родитель .images, потом проверить есть ли у всех найденных родитель .content, а затем лежит ли вся эта гусеница внутри section.
Т.е. ваша запись подразумевает, что есть какие-то другие .item, лежащие в других родителях и имеющие другие свойства.
Почитайте https://habr.com/ru/post/445292/ и далее.
Это первая часть.
А во вторых, когда в адаптивном сайте вам на какой-то ширине нужно будет переопределить какое-то свойство, то придется писать селектор с таким же или с большим весом.
Будет недостаточно написать просто
https://canonium.com/articles/css-understanding-we...
css.yoksel.ru/specifity
Вас никто не заставляет писать их как вложенные.