我试图隐藏CSS中特定模板页面的溢出,但似乎无法正常工作-我知道模板页面的前缀是类,但这似乎无助于确定目标。
我想我可以使用is\\u page\\u template()函数来隐藏JS溢出,但使用CSS应该更简单。
所以这是可行的。。。
html {
overflow: hidden;
}
但这不起作用。。。
html .page-template-showreel-php {
overflow: hidden;
}
知道为什么吗?当然,这在CSS中应该是可能的。
最合适的回答,由SO网友:Chip Bennett 整理而成
这是:
html .page-template-showreel-php {
overflow: hidden;
}
。。。将目标
body.page-template-showreel-php
. 因此,有两个问题:
你有<?php body_class(); ?>
模板内的模板标记<body>
HTML标记
正在隐藏<body>
标记您真正想要的是什么,还是需要以子元素为目标EDIT
没有任何语义或编程方面的原因使您不能重用
<?php body_class(); ?>
模板中的模板标记
<html>
同时标记。因此,您可以考虑:
<html <?php body_class(); ?>>
然后:
html.page-template-showreel-php {
overflow: hidden;
}
值得一试。。。