不要让我改变css Google Chart

2015-02-06 80 views 0 likes

我有一张用Google Chart添加了样式的表格。问题在于我的padding样式的优先级低于谷歌样式表的样式。不要让我改变css Google Chart

什么是.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>

来源

2015-02-06 Pepe

对于那些不在工作网络中的图片，imgur被封锁，图片胜过千言万语。无论如何请描述它。另外，当你问“在哪里？”时，你似乎无意中说了几句话。在第二段。 – 2015-02-06 16:58:32

回答

可以总是添加!important以覆盖.google-visualization-table-table代码：

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

来源

2015-02-06 17:16:37 indubitablee

这是因为CSS规则的优先级的，我想你应该尝试：

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

来源

2015-02-06 17:02:08 tomtomtom

不要让我改变css Google Chart

回答

相关问题