Css隐藏除了一个页面之外的每个页面上的元素

Question

我想知道某人是否有这个想法。

我激活了一个选项，在我的wordpress上显示简短说明。 问题是我只想在1页上进行此描述，但它会显示在每个页面上。

所以我添加了css .page-id- .. display none 在我不想显示的页面上，但我的问题是：

是否有代码可以在每个页面上隐藏此显示，除了我想要的那个？

谢谢

Answer 1

由于每个网页都有特定的ID，因此您需要将元素默认 display属性值设置为none，覆盖特定页面ID。

因此，假设您的元素ID为#description

您可以将其设置为

#description {
    display:none;
}

然后添加一行引用页面ID作为更高的特异性选择器并根据需要更改显示属性

#page-id-1234 #description {
    display:block;
}

Answer 2

如果您只想在一页上显示它，那么您可以使用 :not() css 选择器

:not(.page-id-1234) {display: None;}

这样它就会隐藏在每个没有 .page-id-1234 类的页面上。