如何为单个页面更改css html{}属性



第一次在这里发帖。我想知道如何改变一个页面的html{}属性的css。我试图使背景颜色为2页不同。如果有更好的方法,请告诉我。谢谢!

我已经这样做了:

html {
background-color: black;
}

一页

我想在另一个页面上用不同的颜色做同样的事情(这样当你滚动到div的边界时,它就不会显示不同的颜色)。

每个页面必须采用不同的css外部文档:

<link rel="stylesheet" href="css/page1.css">

然后,你可以改变元素的属性:

/* 1st page */
body{
background-color: black;
/* background: rgb(0,0,0); **You can also use this property** */
}
/* 2nd page 
body{
background-color: blue;
}
*/

Saludos !

这是您的代码的一个解决方案。如果你不想要两个页面之间的白色部分,只需在CSS中使用position:absolute;
此外,你的CSS代码不工作,因为你忘记了";

.page1{
height:100%;
background:red;
}
.page2{
height:100%;
background:green;
}
<body>
<div class="page1">
<p>
Your elements
</p>
</div>
<div class="page2">
<p>
Your elements
</p>
</div>
</body>

最新更新