不要让我更改 css Google 图表

Question

我有一个 table 使用 Google 图表制作并添加了样式。问题是我的 padding 样式的优先级低于 google 样式表中的样式。

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

一图胜千言。 > 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;
}

不要让我更改 css Google 图表

Don't let me change the css Google Chart

javascript

css

google-visualization