自定义WP主题-如何在CSS中更改导航按钮的链接？

Question

我一直在自定义一页设计的wordpress模板（请参阅http://ggc.inductiveplay.com ）-它在主页上拉起一个浮动按钮，该按钮应：向下滚动到下一部分（#menu） ，但由于某种原因，它一直指向第三部分（#location）。

我只想覆盖自定义按钮大小/外观的CSS中的链接，并假设我在此处的语法错误：

.a-btn {
    padding: 2px 12px !important;
    margin-bottom: 5px !important;
    opacity: .8;
    z-index: 1;
    href="#menu";

}

如果有一个快速的解决方法，我很想知道，否则，我希望您对在网站上设置/计算链接的位置有任何见解。

Answer 1

您可以在CSS中的HTML元素之前和之后添加内容。 但是您不能使用CSS更改链接。 以下是错误的CSS语法：

href="#menu";

要在CSS中添加内容，您可以有一个HTML元素，例如：

<div class="sample-text"></div>

然后使用以下CSS：

.sample-text:before {
content:"blah blah";
}

除了“等等”，您还可以拥有其他东西。

您不能在CSS中使用HTML，因此您无法做自己想做的事，但这是最接近它的地方。

但是，您可以使用javascript更改链接。

另外，如果您指定position:relative ， position:absolute或position:fixed ，则只能使用z-index 。