Запутанная таблица CSS

У меня есть элемент CSS, описывающий таблицу, он содержит следующую строку:

.pricing tr td:last-child { text-align: right; }

Который делает текст в последнем столбце выравнивается вправо. Класс ценообразования - это класс таблицы, которую я пытаюсь редактировать. Я действительно не мог найти или найти где-либо правила для перечисления табличных тегов в CSS. Если я поставлю:

table .pricing tr td:last-child { text-align: right; }

или

.pricing table tr td:last-child { text-align: right; }

Тогда эта строка не работает. Однако, если я поставлю:

table.pricing tr td:last-child { text-align: right; }

Тогда это действительно работает.

Что еще более сбивает с толку, так это то, что я редактирую CSS темы, и он имеет следующие строки:

table caption { font-weight: bold; text-align: left; padding: 4px 6px; border: 1px solid #ddd; border-bottom: 0; background: #ffd53c url(img/pattern.png); }

table th, table td { padding-left: 6px; padding-right: 6px; line-height: 21px; border: 1px solid #ddd; background-color: #fff; text-align: left; vertical-align: middle; }

table th, table tfoot td { font-weight: bold; background: #eee url(img/pattern.png); }

table tfoot a { text-decoration: none; }

table .alternate td { background-color: #fafafa; }

table.large th,table.large td { padding: 12px 8px; }

Я просто хочу выяснить правило, когда класть таблицу, когда не ставить таблицу, нужно ли мне писать tr td или просто td, где я помещаю селектор классов (перед всем, посередине, с таблицей или без нее, и т.д).