我正在尝试将CSS样式应用于从Microsoft Word文档生成的某些HTML片段.Word生成的HTML相当残酷,并且包含许多内联样式.它是这样的:
<html>
<head></head>
<body>
<center>
<p class=MsoNormal><b style='mso-bidi-font-weight:normal'><span
style='font-size:12.0pt;line-height:115%;font-family:"Times New Roman"'>Title text goes here<o:p></o:p></span></b></p>
<p class=MsoNormal style='margin-left:18.0pt;line-height:150%'><span
style='font-size:12.0pt;line-height:150%;font-family:"Times New Roman"'>Content text goes here.<o:p></o:p></span></p>
</body>
</html>
......而且非常简单,我想设置标题部分的第一个字母.它只需要更大和不同的字体.要做到这一点,我试图使用:first-letter选择器,有类似的东西:
p b span:first-letter {
font-size: 500px !important;
}
但它似乎没有奏效.这是一个演示这个的小提琴:
任何想法有什么问题/如何正确地设置标题部分的第一个字母？我可以对标记进行微小的更改(比如在事物周围添加包装器div),尽管并非没有困难.
我的h1标签中有以下内容:"(Hello World)"所以我将以下内容添加到我的css中以更改此元素的第一个字符:
h1:first-letter { font-size:63px; color:#510007; font-family:Helvetica; }
但是,正如我所注意到的,第一个字母仅用于字母,所以是否有任何变通方法可以将此样式应用于第一个字符？在这种情况下是"(".