Все просто - для таких блоков вы выделяете общий класс, в который пишите стили, встречающиеся у всех подобных элементов, а уже уникальные стили определяете в нужном контексте.
Например (с использованием less):
.form-input {
width: 200px;
height: 50px;
line-height: 50px;
font-size: 16px;
border: 1px solid #eee;
}
.form1 {
.form-input {
margin-top: 20px;
}
}
.form2 {
.form-input {
width: 210px;
}
}
Ни в коем случае не пишите стили в разметке - это плохая практика. И не используйте id в стилях - это тоже плохая практика, так как id увеличивает специфичность правила, которое потом приходится переопределять с помощью !important, на больших проектах это может выйти боком.