Я работаю над приложением PHP / Angular и хочу уменьшить ширину столбцов в таблице, отображаемой на одной из страниц.
Если я проверю таблицу в браузере, я могу изменитьширины столбцов с помощью их атрибута width в CSS на вкладке «Стили» консоли разработчика, и вы увидите, что ширина столбцов настроена соответствующим образом.В Atom (IDE, которую я использую для разработки приложения) я открыл файл, в котором определены стили (dashboard-rem.css), и внес изменения в соответствующие значения:
#fixPayerName {
width: 24%;
}
#reduceWidthfirst {
#width: 7.3%;
}
#reduceWidth-second {
#width: 8%;
}
Затем я остановил запуск своего приложения и перекомпилировал CSS с помощью команд gulp & gulp pxtorem из path: workspace / project, что позволяет всегда перекомпилировать CSS в любое время, когда требуется перекомпиляция.
Однако, когда я снова запустил свое приложение с помощью команд gulp copy:angular & ng build --watch --sourcemaps=false и просмотрел страницу в браузере, все ширины столбцов таблицы отображались точно так же, как и до того, как я изменил и перекомпилировал CSS.Я также заметил, когда снова посмотрел на мое окно IDE (которое я вообще не закрывал), что значения в CSS-файле, который я только что изменил, вернулись к тому, что они были изначально.
Я изменил ихснова, а затем наблюдал окно IDE при перекомпиляции - именно в тот момент, когда я выполнил первую команду gulp, переменные CSS вернулись к своим первоначальным значениям.
Почему это происходит?Как я могу заставить gulp сохранить новые значения, которые я установил в CSS?