Изготовление индивидуальный класс таблицы без границ

Question

Я работаю на веб-сайт с большим количеством содержания, и у меня есть несколько таблиц, которые оформленными как это в CSS:

table { 
    color: #000000; 
    font-size: 12px; 
    line-height: 17px; 
    width: 75%; 
    border-top-width: 0px; 
    border-right-width: 0px; 
    border-bottom-width: 0px; 
    border-left-width: 0px; 
    border-spacing: 2px; 
    display: table; 
    border-collapse: separate; 
    border-color: grey; 
} 

Теперь я пытаюсь сделайте несколько таблиц, которые вообще не имеют границы (так что они просто для форматирования). Но я не могу этого сделать.

Я пытался сделать новые классы, как это в CSS:

table.noborder td th {border:0;} 

Но когда я делаю таблицу с классом, он не будет работать.

Я использую Wordpress, не может быть, что существуют конфликтующие css или что-то еще? Я просто не понимаю. Мне нужен способ сделать это, не меняя всех таблиц на моем сайте, потому что это будет много работать.

Answer 1

вас никто не убьет.

Кажется, вам нужно сначала проверить свою разметку HTML. Если у вас есть тэг TH в TD-теге, возникает проблема. То есть, что ваш стиль ищет.

TH используется для выделения ячеек заголовка таблицы, TD для обычных ячеек. В настоящее время ваш стиль будет работать только для TH-тегов, которые помещаются в TD-теги. Это никогда не сработает.

Вы должны относиться к своим TD и TH отдельно. Таким образом, ваш CSS должен выглядеть следующим образом:

table.noborder th, table.noborder td {border:0;} 

Не забудьте назначить noborder-класс для ваших HTML-таблиц. Вы также можете сократить ваши таблицы стилей:

border: <width> <style> <color>; 

С наилучшими пожеланиями, Heiko