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

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

Сообщение Anonymous »

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

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





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























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

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

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
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Html»