不要让我改变css谷歌图表

Question

我有一张用Google Chart制作的桌子，我已经添加了样式。问题是我的padding样式的优先级低于Google样式表中的样式。

什么是.google-visualization-table-table *{}？它来自哪里？

一张图片胜过千言万语。 ＆GT; http://i.stack.imgur.com/bfhkY.jpg

以下是代码：

.google-visualization-table-table ) {
    margin: 0;
    vertical-align: middle;
    padding: 2px;
}

// and my style code:
.tableHeaderCell {
    border: 0;
    color: #fff;
    font-weight: bold;
    white-space: nowrap;
    padding: 0.75em 1.5em; // this is the line of code that doesnt overwrite the pre-existing padding of 2px;
}

html：<td class="tableHeaderCell google-visualization-table-sorthdr"></td>

Answer 1

由于CSS规则的优先级，我认为你应该尝试：

.google-vizualisation-table-table .tableHeaderCell{
  padding: 0.75em 1.5em;
}

Answer 2

您可以随时添加!important以覆盖.google-visualization-table-table代码：

.tableHeaderCell {
   //other css styles here;
   padding: 0.75em 1.5em !important;
}