如何以不同的方式为带有子页面的 WordPress 菜单项设置样式？答案

【问题标题】：How to style WordPress Menu Item with children pages differently?如何以不同的方式为带有子页面的 WordPress 菜单项设置样式？
【发布时间】：2021-07-08 02:08:39
【问题描述】：

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

我知道如何检查一个站点，并尝试针对其中列出的每个类。但没有任何工作。该网站尚未上线，但我将附上 Google Inspect 的屏幕截图。这是我想要不同样式的“menu-item-425”。

我尝试这样定位：

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

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

【问题讨论】：

标签： wordpress menu submenu

【解决方案1】：

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

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

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

【讨论】：