Добавить дочерние стили Родитель

Question

Почему это CSS добавить отступы для всех таблиц на странице, а не только таблицы с заданным классом:

CSS:

.tableclass th, tr, td {padding: 8px;} 

HTML:

<table class="tableclass> 
<th>Header Text</th> 
<tr> 
<td>Content</td> 
<tr> 
</table> 

У меня есть 3 таблицы на странице, и все они имеют заполнение 8px - я просто хочу заполнить 8px в таблице tableclass. Это похоже на то, что я установил глобальное дополнение для всех элементов таблицы?

Answer 1

Не могли бы вы проверить, правильно ли закрыты все теги html. Кроме того, вы можете попробовать установить другой класс CSS для двух других таблицы

Answer 2

Эй теперь используется для CSS для этой таблицы, как как этот

.tableclass th, .tableclass tr td{ 
padding:8px; 
} 

Теперь, если вы хотите, чтобы обивка, чем применять этот класс в таблице, как как этот

<table class="tableclass"> 
<th>Header Text</th> 
<tr> 
<td>Content</td> 
<tr> 
</table> 

Live Demohttp://jsfiddle.net/DEYy6/

Answer 3

Это

.tableclass th, tr, td {padding: 8px;} 

То же самое, как это

.tableclass th {padding: 8px;} 
tr {padding: 8px;} 
td {padding: 8px;} 

Итак, вы добавляете 8px отступы для всех th элементов под .tableclass, а затем ко всем tr элементов и всех td элементов.

Как предложил Рохит Azid, вот как вы должны это сделать:

.tableclass tr, 
.tableclass th, 
.tableclass td { 
    padding: 8px; 
} 

(. Выше я предполагаю, что вы хотите отступы на элемент таблицы строк Если я предполагал плохо, я думаю, вы знаете, что делать)