Question

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

外观如何：

enter image description here

代码：

<!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>

Answer 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>

Answer 2

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

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

设置多个倒计时日期

2 个答案: