Я пытаюсь выбрать наилучший подход к реализации большинства стилей CSS на моей странице.Я распознал 2 подхода:
1) Прикрепить атрибут класса к большинству элементов и стилизовать каждый класс следующим образом:
fieldset.MyForm { }
legend.MyForm { }
2) Присоединить атрибуты класса к элементам контейнера иВложенные элементы стиля выглядят так:
.MyForm fieldset { }
.MyForm legend { }
Из моих экспериментов с обоими подходами:
1) кажется более точным, с меньшими шансами нежелательного наследования или необходимости отмены существующих классов для получения стиляработает, но поскольку стили не являются общими, мне нужно постоянно их переопределять.
2) более изящно с точки зрения серверной части, так как мне не нужно определять атрибуты класса везде, но иногда требуется, чтобы я определял их.Классы .Of. Увеличение. Глубина отмены существующих стилей из-за специфики CSS.
Каков лучший подход с точки зрения читабельности / масштабируемости / поддерживаемости кода?Есть ли другой, лучший подход, который я не определил?
Спасибо