Wenden Sie in den letzten drei Zeilen der Tabelle eine andere CSS-Hintergrundfarbe an ⇐ HTML

[Anonymous]

Bedenken Sie den folgenden HTML-Tabellencode.
Ich versuche, die Hintergrundfarbe der letzten drei Zeilen zu ändern.
Ich glaube, das Problem liegt in meinen CSS-Regeln (der Hierarchie).

Code: Select all

GnuCash Account Ledger


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

Wenn ich die folgenden Regeln entferne, ändert sich die Hintergrundfarbe für die letzten drei Zeilen.

Code: Select all

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;
}

Wenn diese drei Regeln gelten, überschreibt sie meine (braune) Hintergrundfarbe.
Wie kann ich das verhindern?