Google图表表：使用CSS格式化特定单元格

开始深入CSS，我有一个简单的谷歌可视化表格，我正在尝试格式化表格，使其看起来更干净。然而，googledeveloper文档中提供的CSS属性似乎非常有限

有没有其他方法可以使用全局CSS来设置Google可视化表的样式

我已经能够做一些基本的格式化（见下面的代码），但我正在尝试使Google可视化表与源Google工作表中的格式匹配

谷歌网页：

具体来说，这两项是主要的障碍

1） 使空白列（或单元格）的背景为特定颜色（例如绿色）。尝试在CSS中使用空单元格，但实际上什么都没有发生

2） 使第一列中的文本左对齐，而所有其他列中的文本居中对齐。Google文档中的tableCell属性影响所有单元格，但不确定如何排除第一列中的单元格

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>

<div id="table_div" style="width: 700px; height: 400px;"></div>

<script type="text/javascript">
google.charts.load('current', {'packages':['corechart', 'table']});
google.charts.setOnLoadCallback(drawVisualization1);
function drawVisualization1() {   
 var query = new google.visualization.Query('https://docs.google.com/spreadsheets/d/1WvvhICEe1EpE_Y8jKMWTzuVjDLXl6rUperH2fkhsOtE/gviz/tq?gid=0&headers=1&tq?&range=A1:F6');
  query.setRefreshInterval(10)
  query.send(handleQueryResponse1);
}
function handleQueryResponse1(response) {
  if (response.isError()) {
    alert('Error in query: ' + response.getMessage() + ' ' + response.getDetailedMessage());
    return;
  }
  var data = response.getDataTable();
  var cssClassNames = {
headerRow: '',
tableRow: '',
oddTableRow: '',
selectedTableRow: '',
hoverTableRow: '',
headerCell: 'blue-background',
tableCell: '',};
  var table = new google.visualization.Table(document.getElementById('table_div'));
  table.draw(data, {showRowNumber: false, allowHtml: true, width: '100%', height: '100%', cssClassNames: cssClassNames});
}
</script>

---

找到了一个简单的解决办法。忽略所有Google文档cssClassNames，只需为容器指定一个唯一的CSS类，然后像其他任何表一样设置样式

这段代码片段是我如何添加唯一CSS类的：

<table id="table_div" class="table_style" style="width: 700px; height: 400px;"></table>

---

EDIT：这只适用于JSFIDLE，但实际应用于我的网页时不起作用。一些默认的谷歌表格css覆盖了我所有的css，即使我使用！重要。

我想你找到解决方案了吗？你能自己回答这个问题吗？不，如果你看一下我在JSFIDDL中的内容，我没有计算出第1点和第2点=（参见表格图表，你可以通过使用数据表单元格属性直接将css类分配给单元格，名称=

className

<table id="table_div" class="table_style" style="width: 700px; height: 400px;"></table>

.table_style td:nth-child(3),
.table_style td:nth-child(6) {
background: #27b399;
border: none;
}