Возьмите за правило никогда так не делать, за исключением тех моментов когда без этого невозможно. Возможно вы еще не столкнулись с той болью, которую могут принести вложенные селекторы, но лучше и не сталкиваться.
Firsov36, Я не критикую, свойство реально полезное с этим не поспоришь, но оно почти во всех браузерах экспериментальное и я бы сейчас на продакшен такое не советовал выкатывать.
Виктор Рябко, Зависит от ситуации или что больше нравится, я не пользовался gulp-useref все выводы сделал из документации, но скорее всего попробую в ближайшее время.
Виктор Рябко, Тут другой подход, тут сборка идет внутри html. То есть в таск передается html файл и на выходе блок build заменяет содержимое на указанный css например combined.css, а в concat вы файлы объединяете независимо от html
1. Не больше 3х уровней вложенности - .wrap .header .logo{}
Вложенности вообще быть не должно, за исключением, когда без неё просто невозможно.
3. БЭМ не панацея, ибо конструкции вида .news-items__item выглядят вырвиглазно, но хотя бы почитать стоит
БЭМ это соглашение, по которому будет написан код, придерживаясь этого соглашения мы избегаем множества проблем. Мы всегда знаем где что находится или будет находится, как это должно выглядеть или выглядит сейчас, мы избавляем себя от ошибок еще до их появления. news-items само по себе название неудачное, но в целом конструкция news news__item news__item_size_small будет выглядеть вполне понятной, если структурировать необходимые знания в своей голове.
Роман Кузнецов, Тогда вообще проблемы не вижу, накладываете сверху вашего видео такое же видео с такими же размерами. Первое видео задает размеры контейнеру в котором находится, а второе принимает размеры контейнера и обрезается:
Возьмите за правило никогда так не делать, за исключением тех моментов когда без этого невозможно. Возможно вы еще не столкнулись с той болью, которую могут принести вложенные селекторы, но лучше и не сталкиваться.