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 に答える