css table style call class

Question

Итак, у меня есть несколько таблиц на моем сайте.

Код в style.css имеет установки по умолчанию гласит:

table, 
th, 
td { 
    border: 1px solid rgba(0, 0, 0, 0.1); 
} 

table { 
    border-collapse: separate; 
    border-spacing: 0; 
    border-width: 1px 0 0 1px; 
    margin-bottom: 24px; 
    width: 100%; 
} 

Я назначен класс к моему столу, который я не хочу использовать эти настройки:

и попытался реализовать:

table.checkmarkarray { 
border-width: 0 0 0 0; 
} 

но это не переопределяет другое значение border-width: 1px 0 0 1px;

Как я могу переопределить это значение? без изменения значения по умолчанию?

Answer 1

Если вы хотите удалить все границы из своего стола, вам необходимо изменить свойства td поверх ваших table объектов.

table.checkmarkarray, table.checkmarkarray td { 
    border: none; 
} 

See it in action

Answer 2

Вы можете попробовать использовать !important свойство здесь:

table.checkmarkarray { 
    border-width: 0 0 0 0 !important; 
} 

или просто:

table.checkmarkarray { 
    border: none; 
} 

Answer 3

Вы можете попробовать просто добавить в border: none;

Answer 4

Добавить ниже значения по умолчанию в style.css :

table, tr, th, td { 
    border: none; 
}