Мне любопытно узнать, какой путь является «лучшим» произведением, подумайте об этом простом общем примере, я хочу иметь элемент, который содержит текст, быть выделенным жирным и синим цветом.Множество классов CSS на элементе против одного определенного класса?
я могу использовать этот способ:
<p class="bold underlined blue">Happy little clouds</p>
или
<p class="bold-underlined-blue">Happy little trees</p>
Первое, очевидно, производить больше классов, но в конечном итоге повторное использование этих классов, кажется, лучше, чем сделать один очень специфический класс, но с другой стороны, создавая больше классов, я предполагаю, что это будет иметь последствия для производительности.
Вы будете определять «font-weight: bold;» в еще нескольких других правилах, если вы не будете использовать повторное использование. Таким образом, «последствия для производительности» не должны иметь большого значения для вашего первого решения. –
Производительность, в вашем конкретном примере *, вторая лучше; чем меньше файл CSS, тем быстрее он будет загружаться. Но давайте будем настоящими здесь. Каков фактический прецедент для конкретных классов на * каждом элементе * в отличие от повторного использования? Если вы создадите определенный класс для каждого элемента, у вас всегда будет * как минимум * столько CSS-правил, сколько элементов на странице. Если вы собираетесь использовать повторно используемые классы, вы можете иметь 100 элементов и всего 10 правил. Таким образом, в 99,9% случаев * многоразовые классы * - лучший способ пойти. Голосование закрывается как «Основополагающее мнение». – Santi
«В первую очередь, основанное на мнениях», один способ будет делать быстрее, чем другой, и это вопрос, который я задавал, но тогда есть удобство и читаемость, которые я согласен, основаны на мнениях, а не вопрос, который я задавал. – LouisColeman