он имеет ввиду, что все файлы со стилями внутри папки stylesheets смешиваются в один файл при компиляции, а этого быть не должно

я к каждому файлу пишу отдельную  таблицу стилей

Он говорит похоже про частичное наследование

открываю в браузере все смешивается

когда на ситатре писал  такого не было

Изучите, приоритетность, вес, вообще как работает CSS

к каждому файлу разметки по таблице стилей

// Place all the styles related to the Products controller here.
// They will automatically be included in application.css.
// You can use Sass (SCSS) here: http://sass-lang.com/

 table {
   border-collapse: collapse;
 }

 table tr td {
   padding: 5px;
   vertical-align: top;
 }

 .list_image {
   width: 60px;
   height: 70px;
 }

 .list_description {
   width: 60%;

   dl {
     margin: 0;
   }

   dt {
     color: #244;
     font-weight: bold;
     font-size: larger;
   }

   dd {
     margin: 0;
   }
 }

 .list_actions {
   font-size: x-small;
   text-align: right;
   padding-left: 1em;
 }

 .list_line_even {
   background: #e0f8f8;
 }

 .list_line_odd {
   background: #f8b0f8;
 }
}

вот весь фаил  products

// Place all the styles related to the Store controller here.
// They will automatically be included in application.css.
// You can use Sass (SCSS) here: https://sass-lang.com/

 h1 {
   margin: 0;
   padding-bottom: 0.5em;
   font-size: 150%;
   color: #226;
   border-bottom: 3px dotted #77d;
 }

вот store

А что бот делает?

Курс выводит?

я так понял, что ему нужно было всего лишь присвоить класс/айди элементу, а не прописывать стили для него полностью
думаю, что проблема решена

так нет

блин

как обьясить правильно что бы для каждой страницы ее собственный фаил с щит

А почему на Vue - как выбрали?