Насколько плохо переопределение свойств CSS?

Question

[web-quest3]

Насколько они влияют на оптимизацию и прочее?

Answer 1

[iBird Rose]

смотря как переопределяешь. если ты решил изменить какой-то блок и просто в нужной странице переопределил пару свойств этого блока - то да. это даже хорошо. потому что ты не создал лишних классов и блоков.
но если ты пошел дальше и начинаешь десятки свойств блока возвращать в дефолтные методом inherit, а потом снова переопределять где то. а в адаптиве еще раз все менять - то это уже плохой тон.

Comments

[web-quest3]

iBird Rose например начинаю верстку с 1200 после чего выходит так что 992 норм 768 норм а вот мобильные переопределяются без медиа и после этого переопределяются для 1200, это плохо но если делать как в мобайл фест когда нет макета мобайл фест. очень затратно по времени

[zooks]

web-quest3: в идеале нужен mobile first. А так это нормальная практика - переопределять стили в media-запросах.

[web-quest3]

zooks то есть когда нет мобайл фест мне нуно добавить еще один медиа для мобильных да?

[zooks]

web-quest3: да, media с max-width: 30em (480px)

[iBird Rose]

web-quest3: такие брекпоинты в бутсрапе как я помню. у меня там были всегда media такого вида:

@media (max-width: 1199px) and (min-width: 992px) { }
@media (max-width: 991px) and (min-width: 768px) { }
@media (max-width: 767px) and (min-width: 480px) { }
@media (max-width: 991px) and (min-width: 0px) { }
@media (max-width: 767px) and (min-width: 0px) { }
@media (max-width: 479px) and (min-width: 0px) { }

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

[web-quest3]

iBird Rose ага спасибо!

[zooks]

web-quest3: если знание CSS уже на нормальном уровне, то я бы рекомендовал использовать SASS и breakpoint-sass.com

Answer 2

[zooks]

Если у вас есть готовая тема со стилями, то переопределение не только можно делать, но и нужно.
После основного подключается дополнительный файл, например, custom.css и в него пишутся необходимые изменения стилей. Но при этом не следует использовать !important.