Question

我是css的新手。我已经在我的wordpress网站编辑器（Onetone主题）上添加了以下规则到我的'自定义css字段'：

html, body {margin: 0; height: 100%; overflow: hidden}

效果很好......滚动条消失了，我的主页上无法滚动。但是，我需要将这个css规则从一个页面中排除，也就是说，我的商店页面需要滚动才能查看商店中的所有商品。

所以我的问题是：如何从我在自定义css字段中添加的整体css规则中排除我的商店页面？

我的主页有ID6，商店页面有ID61。我读到了:not()命令，但不太了解。

非常感谢你提供的任何帮助。

Answer 1

您可以尝试通过在

之前添加id来覆盖CSS

body#ID61 {margin: 0; height: auto; overflow: visible }

你可能甚至不需要！重要因为你之前更具体的id。但是如果它不起作用，你可能需要添加它。

但是我需要知道id＃ID61是哪个元素。身体？否则你需要jQuery / javascript

Answer 2

:not() negation pseudo-class排除（）之间指定的某些元素。如果您在此处包含您的网页ID，则会将该样式应用于不包含其中的每个其他正文元素。

html, body:not(#ID6) {margin: 0; height: 100%; overflow: hidden}

实例：

＆＃13;

p:not(#hello) {
    color: #f00;
}

＆＃13;

<p id="hello">testing</p>
<p>test</p>

＆＃13;

请注意，无论何时您想将商店分配到另一个页面，您都必须更新CSS。