Как получить доступ к двум идентификаторам в одном селекторе css

У меня есть div с тремя кнопками,

<div id="buttons">
    <input id="preview" class="ButtonStyle" type="submit" value="Preview" name="preview">
    <input id="add" class="ButtonStyle" type="submit" value="Save" name="add">
    <input id="Cancel" class="ButtonStyle" type="submit" value="Cancel" name="Cancel">
</div>

я установил его стиль. Я хочу, чтобы кнопки добавления и отмены имели левое поле: 5px; Прямо сейчас я делаю это таким образом,

#outboxmidpg #buttons input[type="submit"]{
    font-weight: bold;
    width: 70px;
}

#outboxmidpg #buttons input[id="Cancel"] {
    margin-left: 5px;
}

#outboxmidpg #buttons input[id="add"] {
    margin-left: 5px;
}

Я хочу сделать это в одну строку. Я пробовал это, но это не работает, и он также удаляет поле кнопки отмены

#outboxmidpg #buttons input[id="Cancel"] input[id="add"] {
    margin-left: 5px;
}

Могу ли я каким-либо образом добиться стиля в одной строке?

Спасибо