Создание макетов CSS с меньшим количеством селекторов?

Question

Каковы лучшие практики для создания макетов CSS с меньшим количеством селекторов и меньшим количеством DIV?

Меньше селекторов означает меньше HTML и CSS, которыми легче управлять.

Как мы можем избежать использования слишком большого количества селекторов классов / других?

Answer 1

Проверьте Sass (Синтаксически удивительные таблицы стилей) . Это поможет вам написать CSS, который будет проще и удобнее в обслуживании.

Sass снова делает CSS забавным. Sass это CSS, плюс вложенные правила, переменные, миксины, и еще, все в сжатой, читабельной форме синтаксис.

Answer 2

См. Как разрабатывать с CSS :

Среди других тем есть как:

• Свернуть HTML-разметку
• Свернуть HTML - контекстные селекторы
• Пусть структура документа работа для вас.
• Свернуть CSS
• Сгруппировать логически связанные стили
• Таблицы для табличных данных. Период.

Отличный ресурс, который нужно прочитать любому разработчику, а также дизайнеру.

Answer 3

Каковы лучшие практики для создания макетов CSS с меньшим количеством селекторов и меньшим количеством DIV?

Существует три из них:

1. Не добавлятьселекторы, пока они вам не понадобятся.
2. Не добавляйте div s, если они вам не нужны.
3. Если вы не уверены, нужно ли вам что-то или нет, вам это не нужно.

Меньше селекторов означает меньше HTML и CSS, которыми легче управлять.

Я знаю, верно?Самая простая страница, которой я когда-либо управлял, не имела селекторов и тегов вообще, а фактически была текстовым файлом!

Как можно избежать использования слишком большого числа селекторов классов / других?

Использовать селекторы тегов.

Я знаю, я знаю ... Некоторые люди любят преподавать все уроки, думая про себя: «Я мог бы когда-нибудь захотеть сделать нечетные абзацы ярко-красными с королевским синим фоном, и это будетбудет настоящим позором, если мне придется сначала вернуться и изменить разметку. "Но это просто глупо - красный на синем ужасен.Избегайте добавления классов, пока вам это не нужно;то есть избегайте добавления классов, пока вы не израсходуете все теги.В HTML много тегов, поэтому используйте их .

Answer 4

Вы можете попробовать МЕНЬШЕ . Это каким-то образом помогает минимизировать количество повторяющегося кодирования.