javascript - 不要让我更改 css Google 图表

Question

我有一个用 Google Chart 制作的表格，我已经在其中添加了样式。问题是我的 padding style 的优先级低于 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;
}