Не удается сбросить стиль TD

Я удалил прокладку из всех элементов TD в таблице стилей. Но у меня есть специальная таблица с cellpadding="10". Его TD визуализируется с заполнением 0px из-за вышеупомянутого стиля.Не удается сбросить стиль TD

Как я должен сбросить TD padding до нуля, чтобы он наследовал отступ 10px от cellpadding?

td {padding:0} 
 

 
#specialtable td { 
 
    /* What should I write here? */ 
 
}

<table id="specialtable" cellpadding="10" style="border:1px solid #555555"> 
 
    <tr> 
 
    <td>test</td> 
 
    </tr> 
 
</table>

источник

2016-09-24 Ali Sheikhpour

Typo: в вашем CSS есть '# specialtable' (нижний регистр' t'), но в вашем HTML-идентификаторе у вас есть 'specialTable' (верхний регистр' T'). – noisypixy

@noisypixy, это просто опечатка – kukkuz

Вы можете использовать :not pseudo-class определить отступы для всех tdкроме тех под #specialTable.

table:not(#specialTable) td { 
 
    padding: 0; 
 
}

<table id="specialTable" cellpadding="10" style="border:1px solid #555555"> 
 
    <tr> 
 
    <td>test</td> 
 
    </tr> 
 
</table>

источник

2016-09-24 13:49:59 noisypixy

Спасибо, что это отлично работает в моем случае. Но вы вообще не знаете, как сбросить предыдущий стиль до нуля? –

@AliSheikhpour обычно вы можете использовать ключевое слово [initial] (https://developer.mozilla.org/en-US/docs/Web/CSS/initial) (например, 'padding: initial') или similars, но они didn ' t для этого случая. – noisypixy

От here можно видеть, что мы можем определить inherit значение для padding, который должен inherit в padding от родителя. Насколько я знаю, это значение по умолчанию. Таким образом, вы можете установить дополнение по умолчанию, указав значение inherit.

источник

2016-09-24 14:35:00

К сожалению, наследование не работает для 'cellpadding', поскольку' cellpadding' не является стилем css, а тегом HTML. –

Не удается сбросить стиль TD

ответ

Смежные вопросы