Question

即使我删除外部文本样式表，也无法更改打印的h2字体大小。我已经尝试了所有我能想到的东西，但是h2的字体大小仍然固定在大约16点（但其他一切都运行正常）。我究竟做错了什么？ TIA ...

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Commodi Consequatur</title>
<link href="style.css" rel="stylesheet" type="text/css" />

<style>
#comments .entry .con,#comments .entry .name,#comments .entry .date {
    margin-left: 10px; 
    font: italic 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.ol
 {
    font: normal 1.2em Vollkorn; 
}

</style>

<style>

@media print {
h2, #maincontent h2, #comments h2 {
font: 20pt Georgia, "Times New Roman", Times, serif;
}

#footer, #mainnav, .noprint
{
display: none;
}

a:link, 
a:visited { 
background: transparent; 
text-decoration: none; 
}

ol.print {
font: 18pt Georgia, "Times New Roman", Times, serif;
line-height:100%;

}
</style>

</head>

<body>
<div id="topbanner">
<div class="container">
<a href="index.html"><img src="images/logo_sml.jpg" border="0" style="float: left; margin:4px 0px 0 7px;" /></a>
      <h1 id="sitename">Namius Oculus</h1>

</h1>
<div id="mainnav" class="noprint">
          <div style="margin:0px 0px 0 60px;">
            <ul>
              <li><a href="index.html">Home <span>News, etc.</span></a></li>
              <li><a href="about.html">About <span>France</span></a></li>
              <li><a href="events.html">Events <span>In Spain</span></a></li>
              <li><a href="contact.php">Contact <span>VIPs</span></a></li>
            </ul>
          </div>
        </div>
<div class="clear"></div>
</div>
</div>
<div id="pagewrap">
<div id="wrap">
<div id="headspacer">

</div>
<div id="maincontent">
<div id="pagebox">
  <div class="post">
    <div class="posthead">
<div id="comments" class="comments-list">


<h2>This is the problem heading</h2>


 <div class="entry2  alt">

<div class="ol">
<ol class=print>

<li style="margin-bottom: 10px;">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium do. <a href="join.html">Membership</a> will be available at the door.</li>

<li style="margin-bottom: 10px;">Dolores eos qui ratione voluptatem sequi.</li>

<li style="margin-bottom: 10px;">Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet</li>

<li style="margin-bottom: 10px;">Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui.</li>

</ol>
</div>

</div>
</div>

 <div class="entry " id="comment-4">


</div>
</div>


</div>
  </div>
</div>

</div> 

<div class="clear"></div>
</div>
</div>
</div>
<div id="bottom">
<div id="btmcontent">
<div class="col1">

</div>

</div>

<div id="footer" class="noprint">
        <p>Vitae dicta sunt explicabo</p>
</div>

</div>
</body>
</html>

打印样式 - 无法更改标题大小

0 个答案: