css - WordPress - 在每个页面上隐藏一个元素，除了一个

Question

我激活了在我的 WordPress 网站上显示简短描述的选项。问题是我只想在一页上显示此描述，但它显示在所有页面上。

所以我添加了这个 CSS:

.page-id-1234 {display: none;}

在我不想显示文本的页面上。但我的问题是:

有没有办法在除我希望它显示的页面之外的每个页面上隐藏此文本，而不是将 display: none; 放在我的所有其他页面上？

Answer 1

由于每个页面都有一个特定的 ID，因此您必须将元素的 default display 属性值设置为 none 和 override 这是针对您的特定页面 ID。

假设您的元素的 ID 为 #description

你可以将其设置为

#description {
    display:none;
}

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

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