Problems importing To Excel a HTML file With Multiple Css Classes On Elements

Question

Excel looks that it does not understand the HTML attribute 'class' if several CSS classes are pointed for HTML element.

For example if "class='A B'" pointed to tag 'TD' Excel will use empty style for the tag.

I have these html code:

<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>

If I open the file in IE, then I can see correctly. If I open the file in MS Excel, then I see wrong.

It this a a known problem in Office?

Does anyone have any experience with this issue?

Thanks.

Answer 1

Excell 不是互联网浏览器，不要期望它解析 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>

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