我的问题是我的目标,但我也对如何在Word中打开HTML页面时保留样式的“一般规则”感兴趣。关于我的背景的更多信息如下。
正在Word中打开的HTML文件
<link ... />
到目前为止,我发现当基于具有多个类的元素时,具有多个类的元素没有继承它们的样式,也没有嵌套任何内容。
<p class="class1">This <span class="class1 class2">is my</span> text.</p>
.class1 { color:green; }
.class2 { color:orange; }
.class1.class2 { color:red; }
.class1.class2,
.class1 { color:blue; }
结果:
-
p
是绿色的,因为它的第一个声明成立
-
第
不是蓝色,因为该声明是“无效”多类声明的一部分(!)
-
span
是橙色的,因为它的第一个声明成立
-
就像第二点一样。
不是红色,也不是蓝色,因为多类声明“无效”
由于上述发现,我最终将我的元素包装在另一个元素中,
始终使用单个标记类名
请注意,可以使用Javascript操作元素,根据需要添加/删除额外的类名,Word只对它试图解析的HTML文件中的实际标记感兴趣。
background:transparent url(../img/icon-audio-16.gif) left top no-repeat;
它不起作用(是的,检查了我的路径),但也没有一个打击打击打击崩溃:
background-color:transparent;
background-image:url(../img/icon-audio-16.gif);
background-position:left top;
background-repeat:no-repeat;
是的。。。
