Как правило CSS переопределяет другое правило CSS?
Итак, вот что я делаю:
#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
кажется переопределенным !?
Please explain:
How and why is this happening?
How should I arrange these rules to solve my problem (other than inline styling)?
РЕДАКТИРОВАТЬ: я удалил'table'
до#id-form
в табл. Я никогда не использовал это, я просто упомянул это здесь, чтобы иметь возможность объяснить это лучше.