样式标签不包括具有特定样式的标签

时间:2012-11-16 16:42:15

标签: html css ms-word

我正在尝试设置一些html,同时排除某些标签。例如,下面我有一个html,用两种不同字体的文本样式:

<span style="font-family: Tahoma, Arial, sans-serif">Test 1</span>
<span style="font-family: Verdana, Arial, Helvetica, sans-serif">Test 2</span>
<span style="font-family: Arial, Helvetica, sans-serif">Test 3</span>

我想覆盖非Arial字体的跨度样式为Times New Roman,我尝试了以下css:

span {
   font-family: "Times New Roman" !important;
   font-weight: normal !important;
   font-size: 12pt !important;
   font-size-adjust: none !important;
   font-stretch: normal !important;
   font-variant: normal !important;
   font-style: normal !important;
   background-color: white !important;
}

以上也改变了Arial文本的样式,我想排除被样式化的Arial文本。

请注意,css用于设置多个源html的样式,源html可以在样式中包含更多标记,定义文本大小,权重等,因此样式标记的内容不可预测。

如何告诉css排除样式为Arial字体的标记。

我也在Microsoft Word中打开html来打印html,所以这也需要使用Word。

1 个答案:

答案 0 :(得分:1)

通常没有简单的方法可以做到这一点,但如果HTML标签的使用非常一致,您可以使用

等规则设置样式表
*[style="font-family: Tahoma, Arial, sans-serif"],
*[style="font-family: Verdana, Arial, Helvetica, sans-serif"] {
   font-family: Times New Roman;
}

但你写的是“风格标签的内容不可预测”(显然是指style 属性)。如果真的如此,那么答案就是“不”。

我想知道这背后的想法是什么。如果使用Tahoma或Verdana有任何意义,为什么Times New Roman会成为他们的合适替代品,而不是Arial?在缺少名为Tahoma的字体的系统中会发生什么?他们应该获得Arial还是Times New Roman?