如何使用不同的子页面设置 WordPress 菜单项的样式？

编程问答 2022-04-21

问题描述

我正在尝试设计我的 WP 菜单导航栏。我希望有子页面的 Pages 可以有不同的样式（主要是减少底部边距，以便清楚子页面属于父页面）。

我知道如何检查网站并尝试定位可能在那里列出的每个类。但没有任何效果。该网站尚未上线，但我会附上 Google Inspect 的屏幕截图。这是我想要设计不同风格的“menu-item-425”。

我尝试过这样定位：

.main-menu-links .menu-item .menu-item-has-children ul li a {
  color: black;
  font-size: 50px;
}

但没有任何改变。有什么建议吗？

enter image description here

解决方法

尝试像这样删除 .menu-item 和 .menu-item-has-children 之间的空格

.main-menu-links .menu-item.menu-item-has-children ul li a {
  color: black;
  font-size: 50px;
}

我猜这些是同一个元素的类。

menumenumenusubmenuwordpresswordpress