Являются ли классы CSS для каждого другого стиля хорошей идеей?

Question

В настоящее время на моем веб-сайте у меня есть классы css для каждого изменения стиля, например, для подзаголовка tagline У меня есть .subheading{font-size:20px;} У меня возникают сомнения относительно того, является ли это хорошим планом или нет. Для коротких классов правил я должен просто использовать атрибут style в html, или есть другой способ приблизиться к этому все вместе?

Answer 1

В этом нет ничего плохого. Но подумайте, есть ли в нескольких классах много одинаковых стилей, почему бы не вложить их в родительский класс и применить общие стили к родительскому, чтобы они были унаследованы детьми. Например, если у вас есть следующее:

.para{ color: white; font-size: 2em;} 
.subhead{ color: white; font-size: 3em;} 
.heading{ color: white; font-size: 4em;} 

Это лучшая практика, чтобы сделать это:

.text {color:white;} 
.para{font-size: 2em;} 
.subhead{font-size: 3em;} 
.heading{font-size: 4em;} 

Тогда HTML:

<div class='text'> 
    <div class='para'> </div> 
    <div class='subhead'> </div> 
    <div class='heading'> </div> 
</div> 

Как я стал больше знакомы с styling html, я нашел хорошую практику - никогда не бояться добавлять еще один элемент <div>, где это необходимо - это может облегчить и стандартизировать ваше форматирование.