html - CSS 变化影响 2 个元素？

Question

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

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

当您在主页或其他页面时工作正常。当点击 SHOP 页面时，两个元素:“SHOP”和“Programmes personnalisés”具有相同的样式。为什么 ？我只希望 SHOP 使用该样式。有人可以告诉我问题出在哪里吗？问题仅存在于此 page 中.

Answer 1

在 current_page_item97 类下面添加 css

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