Как создать таблицу без чередующихся цветов строки при использовании Blueprint CSS Framework?

Question

Каркас Blueprint CSS по умолчанию делает все строки таблицы чередующимися цветами.Как отключить это поведение для одной таблицы?

Я пытался использовать Chrome Developer Tools, чтобы увидеть все стили, используемые Chrome для определенной таблицы, но не нашел стиль, который бы устанавливал цвета для строк.Я тоже искал в интернете и не нашел решения.Это как магия ...

Кто-нибудь может мне помочь?

Answer 1

Вам нужен более конкретный селектор для переопределения ... BP, однако, довольно общий характер, поэтому это не должно быть проблемой, например:

table.no-zebra tbody tr:nth-child(even) td,
table.no-zebra tbody tr.even td {
  background: transparent;
}

Вы можете заменить прозрачный на любой цвет, чтобы сделать все строки сплошнымицвет.

Answer 2

Я бы просто переопределил в моем собственном файле CSS

tbody tr: nth child (even) td, tbody tr.even td {background: none;}

Answer 3

Это то, что я поместил в верхнюю часть моего CSS-файла, чтобы отключить цвет фона четных строк таблицы.

table tr:nth-child(even) td {
  background: transparent;
}

Answer 4

Возможно поиск и удаление (из screen.css)

tbody tr:nth-child(even) td, tbody tr.even td {background:#e5ecf9;}