css - 将元素上具有多个 Css 类的 HTML 文件导入到 Excel 中时出现问题

Question

如果为 HTML 元素指向多个 CSS 类，Excel 看起来无法理解 HTML 属性“类”。

例如，如果“class='A B'”指向标签“TD”，Excel 将为该标签使用空样式。

我有这些 html 代码:

<style type="text/css">
TABLE.t1_table{
background-color:#828a3c;
border:solid 1px #3A6EA5;
padding-left:2px;
padding-top:2px;
padding-right:2px;
padding-bottom:2px;
font-style:italic;
font-variant:small-caps;
font-size:20px;
color:#6b3f07;
border-collapse:collapse;   

TR.t1_ph TD{
background-color:#B0C4DE;
border:solid 1px #3A6EA5;
padding-right:6px;
font-weight:bold;
color:#3A6EA5;  

TR.t1_co TD{
background-color:#103a70;
border:solid 1px #3A6EA5;
padding-right:6px;  

</style>

<table class="t1_table" cellpadding="" cellspacing="">
<tr class="t1_ph"><td colspan="1">Age</td></tr>
<tr class="t1_co"><td style="background-color:#cb7878">45</td></tr>
<tr class="t1_co"><td>23</td></tr>
</table>

如果我在 IE 中打开文件，那么我可以正确看到。 如果我在 MS Excel 中打开该文件，则会看到错误。

这是 Office 中的一个已知问题吗？

有人遇到过这个问题吗？

谢谢。

Answer 1

Excel 不是互联网浏览器，不要指望它解析 css，它只会使用包含类的元素，所以你需要使用这种代码:

<style type="text/css">
.t1_table {
    background-color:#828a3c;
    border:solid 1px #3A6EA5;
    padding-left:2px;
    padding-top:2px;
    padding-right:2px;
    padding-bottom:2px;
    font-style:italic;
    font-variant:small-caps;
    font-size:20px;
    color:#6b3f07;
    border-collapse:collapse;   
}

.t1_ph {
    background-color:green;
    border:solid 1px #3A6EA5;
    padding-right:6px;
    font-weight:bold;
    color:#3A6EA5;  
}

.t1_co {
    background-color:red;
    border:solid 1px #3A6EA5;
    padding-right:6px;  

}

</style>

<table class="t1_table" cellpadding="" cellspacing="">
    <tr><td class="t1_ph">Age</td></tr>
    <tr><td class="t1_co" style="background-color:#cb7878">45</td></tr>
    <tr><td class="t1_co">23</td></tr>
</table>

这也很好，因为有时您需要定义 Excel 单元格类型，您可以使用以下格式:http://cosicimiento.blogspot.co.at/2008/11/styling-excel-cells-with-mso-number.html