如何在 WordPress 网站上定义元素的粘性位置

【问题标题】：How define Sticky position for elements on WordPress website如何在 WordPress 网站上定义元素的粘性位置
【发布时间】：2019-04-20 23:34:13
【问题描述】：

在我的 WordPress 网站中，我想为三个元素定义一个粘性位置。我尝试了两种方法，但没有奏效。首先 - 我使用了一个插件“粘滞菜单（或任何东西！）”，但我不能粘多于一个元素。第二 - 我在 Additional CSS 部分添加了 CSS 代码，但它没有用。我的 CSS 代码在这里：

position: sticky;
top: 120px;
z-index: 1000;

【问题讨论】：

【解决方案1】：

在 WordPress 中，主题元素是嵌套的，因此父元素可能会覆盖您的样式，您需要更详细地说明用例，您可能还需要考虑使用 !important 来覆盖任何继承给子元素的 CSS 规则元素。

position: sticky !important;
top: 120px !important;
z-index: 1000 !important;

你也可以考虑阅读更多关于CSS Specificity的信息

【讨论】：