0

我有以下问题：我开发了一个从 HTML 标签中提取样式并将它们放入标题中的工具（即它使内联 CSS 成为内部的）。然而，当有多个 CSS 类时，行高的呈现方式似乎有所不同：

这是工具提取之前的示例：调用 1 个内部 CSS 类 + 指定 1 个内联 CSS 样式 

<html>
<head>
<style>
<!--
 p.MsoNormal, li.MsoNormal, div.MsoNormal
    {margin-top:0cm;
    margin-right:0cm;
    margin-bottom:10.0pt;
    margin-left:0cm;
    line-height:115%;
    font-size:11.0pt;
    font-family:"Calibri","sans-serif";}
-->
</style>
</head>
<body>
<p class=MsoNormal style='text-align:justify;line-height:normal'>
<span style='font-size:20.0pt'>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, 
sed do eiusmod tempor incididunt ut labore et dolore 
magna aliqua. Ut enim ad minim veniam, quis nostrud 
exercitation ullamco laboris nisi ut aliquip ex ea commodo 
consequat. Duis aute irure dolor in reprehenderit in voluptate 
velit esse cillum dolore eu fugiat nulla pariatur. Excepteur 
sint occaecat cupidatat non proident, sunt in culpa qui officia 
deserunt mollit anim id est laborum.</span></p>
</body>
</html>

这是工具提取后的示例：调用 2 个内部 CSS 类 -> line-height 呈现不同！ 

<html>
<head>
<style>
<!--
 p.MsoNormal, li.MsoNormal, div.MsoNormal
    {margin-top:0cm;
    margin-right:0cm;
    margin-bottom:10.0pt;
    margin-left:0cm;
    line-height:115%;
    font-size:11.0pt;
    font-family:"Calibri","sans-serif";}
.inlineClass009
    {text-align:justify;line-height:normal}
-->
</style>
</head>
<body>
<p class="MsoNormal inlineClass009">
<span style='font-size:20.0pt'>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, 
sed do eiusmod tempor incididunt ut labore et dolore 
magna aliqua. Ut enim ad minim veniam, quis nostrud 
exercitation ullamco laboris nisi ut aliquip ex ea commodo 
consequat. Duis aute irure dolor in reprehenderit in voluptate 
velit esse cillum dolore eu fugiat nulla pariatur. Excepteur 
sint occaecat cupidatat non proident, sunt in culpa qui officia 
deserunt mollit anim id est laborum.</span></p>
</body>
</html>

4

1 回答 1

1

在这两个示例中，元素都有两个声明line-height。在第一个示例line-height:normal中，属性中的声明通过特异性规则style获胜。在第二个示例中，声明胜出，因为根据特异性规则，选择器比选择器更具体。line-height:115%p.MsoNormal.inlineClass009

于 2012-12-27T11:09:09.780 回答