таблица внутри div без чередующегося цвета строки с помощью BluePrint CSS?

Question

Blueprint CSS Framework 1.0.1 по умолчанию устанавливает все строки таблицы чередующихся цветов. Строка в screen.css:

tbody tr:nth-child(even) td, tbody tr.even td {background:#e5ecf9;}

отлично

но мне нужно отключить это поведение для одной таблицы внутри div (внутри) модальных окон, используя плагин simplemodal jquery от eric martin, я просто попытался переопределить css, используя:

#contact-container tbody tr:nth-child(even) td, tbody tr.even td {background:#FFFFCC;}

в другом имени css файла custom.css, загруженного после screen.css, но это переопределение влияет на все таблицы на странице, даже вне контейнера контактов

есть ли способ переопределить поведение только для этой таблицы внутри div?

Кто-нибудь может мне помочь?

Заранее спасибо!

Answer 1

Вам не хватает идентификатора в одном месте:

#contact-container tbody tr:nth-child(even) td, 
tbody tr.even td 
{
    background:#FFFFCC;
}

Это действительно эквивалентно этому:

#contact-container tbody tr:nth-child(even) td
{
    background:#FFFFCC;
}

tbody tr.even td 
{
    background:#FFFFCC;
}

Если отформатировано, как указано выше, вы можете увидеть проблему.Вторая половина этого не относится к вашему идентификатору.Измените это на:

#contact-container tbody tr:nth-child(even) td, 
#contact-container tbody tr.even td 
{
    background:#FFFFCC;
}

Answer 2

Вы можете запретить перезапись с помощью !important:

#contact-container tr {background:#FFFFCC !important;}