Применение разных цветов фона CSS в последних трех строках таблицы ⇐ Html

[Anonymous]

Рассмотрим следующий HTML-код таблицы.
Я пытаюсь изменить цвет фона последних трех строк.
Я считаю, что проблема в моих правилах CSS (иерархии).

Код: Выделить всё

input,
select,
textarea {
font-size: 1em;
}

body#main_body {
margin: 20px;
color: #000000;
background: #F5F5F5;
}

textarea,
tt,
pre,
code {
font-family: monospace;
}

h1 {
font-size: 140%;
font-weight: bold;
}

h2 {
font-size: 120%;
font-weight: bold;
}

h3 {
font-weight: bold;
}

a:link,
a:visited,
a:active {
text-decoration: none;
color: #0000FF;
}

a:hover {
text-decoration: underline;
}

th {
font-weight: bold;
color: #000000;
background: #D3DCE3;
}

a img {
border: 0;
}

hr {
color: #000000;
border: 0;
height: 1px;
}

form {
padding: 0;
margin: 0;
display: inline;
}

textarea {
overflow: visible;
height: 18em;
}

div gnucash_account_insert_new_data td {
background-color: #ede7d3;
}

.insert-row td {
background-color: #ede7d3;
}

table {
border: thin solid black;
border-collapse: collapse;
}

table td,
th {
padding: 5px;
border: thin dotted gray;
}

table cellcolor {
background-color: #fcba7a;
}

#gnucash_cmd_submit {
display: none;
}

Код: Выделить всё

[img]gnucash.png[/img]
 GnuCash Account :  PayPal
new




Date
Num
Description
Transfer
R
Amount
Balance


01/01/25

Opening Balance
Equity:Opening Balances
n
104.04
104.04



11/23/25

eBay Commerce Inc.
Expenses:Education
n
-11.93
92.11



























Assets

Когда я удаляю следующие правила, цвет фона меняется для последних трех строк.

Код: Выделить всё

table tr:first-child td{
background-color: #F5F5F5;
}
table tr:nth-child(odd) td{
background-color: #f6ffda;
}
table tr:nth-child(even) td{
background-color: #bfdeb9;
}

Когда эти три правила действуют, они имеют приоритет над моим (коричневым) цветом фона.
Как мне это остановить?

Подробнее здесь: https://stackoverflow.com/questions/798 ... s-of-table