Работа с фреймворком? Правка?

Question

[Rikitikiti]

Как править стили в фреймворке, непосредственно в файле фреймфорка путем замены , либо создать свой файл и поставить его приоритетнее ? Не получается и не могу понять почему, только начала с фреймворками общение

Answer 1

[Станислав Почепко]

Создавайте свой файл с стилями и спавте его после основных. Он будет перебивать стили. Или делайте !important. В исходниках ничего править не надо. Это дурной тон.
Если будете использовать пакетный менеджер, то поймёте почему.

Comments

[Rikitikiti]

Ну я и так и так пыталась, естественно начала со своего файла. Про дурной тон - согласна, но я считала, что и !important дурной тон.

[Станислав Почепко]

!Important в крайнем случае. Если не получается перебить стили из фреймверка на свои. Но такое редко случается. А так использование !important среди своих стиле - дурной тон. Свои стили надо держать в порядке и тогда это не понадобиться.

А суть про подключение

<link src="bootstrap.min.css">
<link src="style.css"> <!-- ваш css файл -->

Вот так должно всё работать

[Rikitikiti]

Станислав Почепко: Благодарю!

Answer 2

[Максим Тимофеев]

Путь 1 - переопределять стили фреймворка подгрудая свой файл стилей позже него.
Путь 2 - кастомизировать фреймворк. Обычно css frameworks имеют less и/или sass версии. И в них есть файл с переменными переопределив которые можно получить желаемый результат
Путь 3 - зависит от фреймворк, bootstrap например имеет онлайн форму для кастомизации getbootstrap.com/customize

Comments

[Rikitikiti]

Спасибо за помощь, вот с этим разбираюсь Materialize, с легенького начала

[Максим Тимофеев]

Rikitikiti: там есть Sass

[Станислав Почепко]

Максим Тимофеев: Вы когда нибудь использовали npm или Bower?

[Максим Тимофеев]

Станислав Почепко: Да, но кто мешает собирать со своим набором переменных. В этом же смысл

Answer 3

[Андрей Верх]

Если возникает нужда перебивать стили, то вероятно вы что-то неправильно делаете. Фреймворки для того и используют, чтоб лишних движений не делать.
В том же Бутстрапе, всё оформление вынесено в отдельный CSS...Да плюс ещё и сборщик есть где можно настройки под себя подкрутить.

А вообще, каскад никто не отменял...Расположите свои стили ниже и всё. Только надо не забывать про приоритет...разные селекторы имеют разный вес. Поэтому возможно у вас что-то и не переопределяется.