Css中的Current-Menu-Item类

时间:2018-08-21 作者:cheshire

我已经创建了一个主页(Home Page) 以及wp admin中的许多自定义链接。所有自定义链接都链接到主页的各个部分。

示例:自定义链接About Us 有一个URL=#section1,在我的代码中,我将其链接到:

<div id="section1"> Text </div>

在我的CSS中,我使用了.current-menu-item 要突出显示菜单中单击的链接,请执行以下操作:

.site-header div.nav-wrap nav ul li.current-menu-item a:link,
.site-header div.nav-wrap nav ul li.current-menu-item a:visited {

color: #fff;
text-shadow: -1px 1px 8px #ffc, 1px -1px 8px #fff;

}
当我跳到第1节时Home Page 链接突出显示,而不是About Us 链接如何修复此问题,以便About us 链接亮点?

1 个回复
SO网友:SleepyAsh

如果您想对单页网站上的活动菜单项使用不同的样式,或者自动选择正确的菜单项,那么应该使用jQuery插件,如this one.

结束

相关推荐

CSS不会影响微件输出

所以我对wordpress的开发还很陌生,所以如果我做了一些非常愚蠢的事情,请不要生气,我很抱歉。所以我的CSS有问题,因为某种原因,它不会影响小部件的内容输出,可以在movieposterdisplay类文件中看到。我想做的是使用CSS使输出的youtube视频自动调整大小以适合容器。我想知道的是为什么CSS不会影响HTML代码,以及修复它的解决方案。提前感谢您的帮助。movieposterdisplayfilerequire_once(plugin_dir_path(__FILE__).\'/incl