Как создать два разных стиля таблиц в CSS? ⇐ CSS

[Anonymous]

Я пытаюсь создать документ с двумя разными стилями таблиц (в основном диалоговыми окнами): один тип таблицы имеет черный фон с белой рамкой и белым текстом. А другой тип таблицы будет иметь белый фон (без рамки) с черным текстом. (Документ в целом представляет собой белый текст на черном фоне.) Но когда я пытаюсь создать эти два стиля таблиц, один из них просто берет верх над другим; либо оба типа таблиц имеют белый или черный фон. В моем текущем примере оба варианта имеют белый фон и белый текст — буквально нечитаемый!

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

table.table1,
td {
background-color: black;
color: white;
border: 6px solid white;
border-collapse: collapse;
width: 250px;
font-family: Consolas;
}
ul {
list-style-type: "* ";
}
table.table2,
td {
background-color: white;
color: black
width: 200px;
font-size: 13px;
}

Вот что у меня есть для стиля тела:

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

Что я делаю не так? (Мне хотелось бы показать сам документ, но я не могу найти способ прикрепить документы на этом форуме; страница еще не опубликована.)

Подробнее здесь: https://stackoverflow.com/questions/792 ... les-in-css