Question

我想将一个菜单页面放入带红色背景的边框中，所以我用这个CSS来做到这一点：

.page-item-4  {
 border:3px; border-style:solid; border-color:#000; padding: 1em;background: 
 red;font-weight: bold;
  }

在主页或其他页面上工作正常。当点击SHOP页面时，两个元素：“SHOP”和“programnonalnalisés”具有相同的样式。为什么？我只希望SHOP使用这种样式。谁能告诉我哪里有问题？问题仅出现在此page。

中

Answer 1

这两个项目都有page-item-4类，所以这不是奇迹。如果您需要突出显示当前菜单项而使用.current_page_item，或者为Wordpress后端（Design - ＆gt; Menues）中的所需菜单项指定一个自定义类名。

Answer 2

为current_page_item97 class

添加以下css

<style type="text/css">
     .current_page_item97  {
        border:none !important;
        padding: 1em 0 !important;
        background: none !important;
        font-weight: 400 !important;
      }
      </style>

Answer 3

在此页面上：https://nutrifit-shop.com/programmes-personnalises/

<li class="page_item page-item-497 current_page_item">
<a href="https://nutrifit-shop.com/programmes-personnalises/">Programmes personnalisés</a>
</li>

但在此页面上：https://nutrifit-shop.com/boutique/

<li class="page_item page-item-4 current_page_item97">
<a href="https://nutrifit-shop.com/programmes-personnalises/">Programmes personnalisés</a>
</li>

在商店页面上，您的课程应为

page_item page-item-497 current_page_item

而不是

page_item page-item-4 current_page_item97

CSS更改会影响2个元素吗？

3 个答案: