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

时间:2014-05-16 17:57:32

标签: php html css

即时通讯使用KOSE Html模板,我更改了初始页面,因此当您第一次点击网站时,内容不会显示在右侧,但只有在您点击“x”显示后才会显示。< / p>

由于我已经这样做了,所以当我只想在主页上显示时,它似乎对所有页面产生了相同的效果

这是我遵循的指南,

将以下CSS添加到您的页面:

#content-container{
  display:none;
}

为了符合要求,还要在HTML中添加class =“旋转到隐藏切换按钮链接:

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

但它会改变每一页,请帮助

我非常感谢!

感谢

1 个答案:

答案 0 :(得分:0)

如果您希望它仅在当前页面中使用,请在主页<head>标记中添加以下代码:

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

CSS优先级是这样的:
- 外部.CSS文件
- <style>标签
---内联style属性。

这意味着会覆盖.CSS文件中为某个页面写入的内容,以达到您想要的效果。

我希望这对你有所帮助。