我的菜单是这样的:主页 | 关于我们 | 定价 | 联系方式。定价元素是一个自定义链接:home.local#home-pricing 和 About us 和 Contact 都指向子页面。
我遇到的问题是，在显示定价部分的静态主页上，Home page 和 Pricing 元素都用 current-menu-item 类。
我的少:
.current-menu-item {
a {
@extend .btn;
padding-left: $base-padding + 9px;
padding-right: $base-padding + 9px;
}
}
.btn {
background: $yellow-color;
border-radius: $base-radius;
padding: $btn-padding;
color: $purple-color;
text-transform: uppercase;
margin-top: $base-padding * 2;
font-family: $heading-font-family;
font-size: $base-font-size + .500rem;
border: 0;
&:hover {
color: $purple-color;
text-decoration: underline;
@include linear-gradient($yellow-color 50%, $darker-yellow-color);
}
}
还有我的主页:
<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<?php get_template_part('templates/head'); ?>
<body <?php body_class(); ?>>
<?php get_template_part('templates/fb'); ?>
<?php get_template_part('templates/header'); ?>
<div id="home-about-us">
...
</div><!-- #home-about-us -->
<div id="home-pricing">
...
</div><!-- #home-pricing -->
<div id="home-news">
...
</div><!-- #home-news -->
</body>
<?php get_template_part('templates/footer' ); ?>
</html>
你能帮我找到解决办法吗？
最佳答案
您可以像点击定价菜单时那样使用 javascript 然后您可以在定价菜单中添加事件类并从主页菜单中删除
关于javascript - 当前菜单项类突出显示 2 个菜单项，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/51401081/