所以我有一个网页,我添加了一些内容,一切都显示应用了正确的样式规则,除了我刚刚添加的内容。该网页为http://www.phrd.com/contact.asp,您可以在点击时查看,然后刷新页面中间内容的更改方式。我已在多个浏览器中对其进行了测试并清除了缓存,同样的事情发生了。有任何想法吗?以下是一些标记:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Parker Hudson Rainer & Dobbs LLP</title>
<link rel="stylesheet" href="css/yui_reset.css" type="text/css" />
<link rel="stylesheet" href="css/global.css" type="text/css" />
<script type="text/javascript" src="js/jq13min.js"></script>
<script type="text/javascript" src="js/init.js"></script>
</head>
<body class="templateA">
<!-- "Templates" determine the width of the columns - A covers Home, Bio, Firm | B covers Practice Groups -->
<!-- Top bar colors will be determined based on the page class assigned to the #container -->
<div id="container" class="contact">
<div id="collection">
<div id="col1">
<!-- #include file="inc/nav.asp" -->
</div>
<div id="col2">
<!-- #include file="inc/logo.asp" -->
<img src="img/contact_us_number_pad.jpg" width="200" height="182" alt="Parker Hudson Rainer & Dobbs" border="0" id="hero2" />
<h1>Hotels</h1> <!-- Spaces between each header and its contents are defined in the style rules -->
<p>
<a href="http://www3.hilton.com/en/hotels/georgia/hilton-atlanta-ATLAHHH/index.html">Hilton Atlanta</a><br />
<br />
下面有更多代码,但你明白了。以下是上述代码的CSS,据我所知(我已经继承了该网站):
.contact #col1 {background:url(../img/bg_c1_home.jpg) top left no-repeat; padding-top:104px;}
.contact #col2 {background:url(../img/bg_c2_home.jpg) top left no-repeat;}
.contact #col2 h1 {margin-top:45px; margin-left: 15px; font-family:"Times New Roman", Times, serif; font-size:160%; color:#5f2e25;}
.contact #col2 p {margin-top:15px; margin-left: 30px; margin-right: 5px; font-family:"Times New Roman", Times, serif; font-size:100%;}
.contact #col3 {background:url(../img/bg_c3_home.jpg) top left no-repeat; padding:104px 30px 0 9px; width:476px;}
.contact #col3 h1 {margin-top:15px; font-family:"Times New Roman", Times, serif; font-size:160%; color:#5f2e25; background:url(../img/sp_8091ae.gif) bottom left repeat-x; margin-bottom:5px;}
.contact #col3 h1 span {font-family:"Times New Roman", Times, serif; background-color:#fff; padding-right:5px;}
.contact #col3 h2 {font-weight:bold;}
现在,我确实必须为h1和p标签添加两个规则,这些规则最终会在刷新页面后自行应用。关于可能发生的事情的任何想法?