需要帮助使我的新css功能只适用于一个页面


Need assistance Making my new css feature only apply to one page

我使用KOSE Html模板,我改变了打开页面,所以当你第一次点击网站时,内容不会显示在右边,但只有当你点击"x"来显示它。

既然我这样做了,它似乎在所有页面上都产生了相同的效果,当我只希望它在首页

这是我遵循的指南,

添加下面的CSS到你的页面:

#content-container{
  display:none;
}

为了保持一致性,还可以在HTML中的隐藏按钮链接中添加class="rotate ":

<a href="index.php.html#" id="hide-toggle-button" class="rotated"><i class="icon ion-ios7-close-empty"></i></a>

但是每一页都变了,你能帮我吗

我很感激!

谢谢

如果您希望它只在当前页面中工作,请在您的主页<head>标签中添加以下代码:

<style>   
#content-container{
  display:none;
}
</style>

CSS优先级如下:
-外部。css文件
——<style>标签
——Inline style Attribute.

这意味着为了达到你想要的效果,覆盖。css文件中为特定页面写的内容。

我希望这对你有帮助。