Добавление класса css к нескольким элементам

Я создал класс CSS под названием 'button' и применил его ко всем моим тегам INPUT, просто используя:

.button input
{
//css stuff here
}

<p class="button">
<input type="submit" Name='submit' value="Confirm Selection"/>
</p>

который отлично работает, но я добавил еще одну кнопку, но это не часть моей формы, это просто владелец места, который тригрерован с javascript и открывает iFrame. Поскольку я хотел, чтобы он выглядел так же, как и все "реальные" кнопки, я использовал один и тот же класс.

<p class="button" id="AddCustomer">
<a href="AddCustomer.php">Add Customer</a>
</p>

Проблема была в том, что если я оставил класс как .button input, тэг <a> его не видел. Если я удалил часть input CSS, все мои кнопки получили серые квадраты посередине.

Итак, я разрешил его с помощью .button input,a

Все прошло отлично., Пока я не посмотрел на другую страницу и не обнаружил, что все мои теги <a> теперь отформатированы с помощью класса 'button', хотя они не имеют этого класса.

Мой вопрос в том, как я могу применить один и тот же класс CSS к тегам <input> и <a> одновременно, но только если я явно добавил class="button".

Ответы

.button input, .button a {
    //css stuff here
}

.button input, .button a {
    // css stuff
}

<a href="#" class='button'>BUTTON TEXT</a>
<input type="submit" class='button' value='buttontext' />

.button {
    // css stuff
}

input.button {
    // css stuff
}
a.button {
    // css stuff
}

.button input,
.button a {
    ...
}

.button input, .button a {
//css here
}