Попытка удалить границу ячейки в таблице данных, но тег «ячейка-граница» не работает

Question

Следуя этим инструкциям, чтобы иметь таблицу данных без границ: https://datatables.net/manual/styling/classes#Table -классы

Я пробую "ячейка-граница", но она не избавляется от границы.

Чтобы не вставлять весь код, вот сайт, с которого я пытаюсь удалить границы:

https://www.AudiobookReviews.com

Answer 1

Утро! У вашего стола довольно мало границ, и я полагаю, что здесь у вас проблемы, а не cell-border? Этот S CSS:

#example {
  border: none;
  th {
    border-bottom: none;
    border-top: none;
  }
  td {
    border: none;
  }
}

превращается в этот CSS:

#example {
  border: none;
}
#example th {
  border-bottom: none;
  border-top: none;
}
#example td {
  border: none;
}

, который удаляет все границы, которые я мог видеть, просматривая таблицу в инструментах разработчика. Фактически, это ответ на этот вопрос, посмотрите в инструментах разработчика и проверьте, какой стиль применяется к какому элементу. Более подробная информация здесь: https://developers.google.com/web/tools/chrome-devtools/css

Надеюсь, что это поможет - я думаю, что вы хотите, чтобы граница удалялась только из ячеек таблицы, поэтому, возможно, используйте CSS только для td