1

我只想创建一个包含多个事件倒计时的页面，但不知何故，它的格式不正确，ID 编号为 12 和 13。

它的外观：

在此处输入图像描述

代码：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>


<head>

<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>Countdown</title>
<link rel="stylesheet" href="jquery.countdown.css">

<style type="text/css">
#defaultCountdown { width: 240px; height: 45px; }
</style>

<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="jquery.countdown.js"></script>

<script type="text/javascript">
$(function () {
    $('#defaultCountdown').countdown({since: new Date(2010, 12-1, 25)}); 
    $('#12').countdown({since: new Date(2011, 12-1, 25)}); 
    $('#13').countdown({since: new Date(2012, 12-1, 25)}); 
});
</script>

</head>


<body>
<div id="defaultCountdown"></div>
<div id="12"></div>
<div id="13"></div>
</body>


</html>
4

2 回答 2

1

如果您希望它们的样式相同，请将它们全部分配一个类，并按类设置样式：

<style type="text/css">
.countdown { width: 240px; height: 45px; }
</style>

和

<body>
<div id="defaultCountdown" class="countdown"></div>
<div id="12" class="countdown"></div>
<div id="13" class="countdown"></div>
</body>
于 2013-08-07T19:33:28.593 回答
0 
 <style type="text/css">
     #defaultCountdown, #12, #13 { width: 240px; height: 45px; }
 </style>

应该做的伎俩。当然，这也取决于您的外部样式表中的内容。

于 2013-08-07T19:33:26.640 回答