1
我遇到了一個奇怪的問題。我有3個div，分別命名爲＃page1，＃page2和＃page3。我已經將css樣式應用於它們，儘管＃page1 id僅在我將其寫出兩次時才應用。CSS僅在申請兩次的時候申請
例如，
#page1{
background-color:rgb(27, 163, 156);
height: 100vh;
}
不適的類，但如果我再補充它像：
#page1{
background-color:rgb(27, 163, 156);
height: 100vh;
}
#page1{
background-color:rgb(27, 163, 156);
height: 100vh;
}
然後正常工作，起初我以爲我已經拼錯的東西，雖然它在工作當複製和粘貼這個。
這裏是完整的HTML和CSS，我看不到是什麼原因造成的，感謝評論！
<!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>1 page scroll test</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
</head>
<body>
<div id="page1"></div>
<div id="page2"></div>
<div id="page3"></div>
</body>
</html>
body {
margin:0;
}
#page1{
background-color:rgb(27, 163, 156);
height: 100vh;
}
#page2{
background-color:rgb(134, 226, 213);
height: 100vh;
}
#page3{
background-color:rgb(101, 198, 187);
height: 100vh;
}
提供html代碼...！ – PrakashSharma
這實際上不是一個類，而是風格，但我明白你的意思。這就是說，我看不出爲什麼。你能縮小你的代碼並仍然在jsfiddle中重現這種行爲嗎？ –
提供代碼來獲取答案。 –