Итак, это то, что яя делаю:

#id-form td {
padding: 0 0 10px 0;
}

#particular-td {
border: 1px solid black;
text-align: center;
background-color: #DFDFDF;
height: 30px;
padding: 10px;
}

У меня есть стол#id-formна котором я поставил всеtdс иметь.padding-bottom: 10px

Но в одном особом случае я хочуtd иметьpadding: 10px во всех направлениях, которые я установил в.#particular-td

Очевидно, я поместил стилизацию CSS во внешний файл.

Но визуализированный CSS имеет толькоpadding-bottom, а такжеpadding: 10px кажется переопределенным !?

Пожалуйста, объясни:

Как и почему это происходит?

Как мне организовать эти правила для решения моей проблемы (кроме встроенного стиля)?

РЕДАКТИРОВАТЬ: я удалил'table' до#id-form в табл. Я никогда не использовал это, я просто упомянул это здесь, чтобы иметь возможность объяснить это лучше.