在Wordpress主题的菜单中添加自定义窗口小部件区域

Question

我使用的是一个wordpress主题，我想在菜单中放置一个带有较大和粗体文本的通知，因此我创建了一个菜单项并添加了一个新的CSS类。

.myclass {
 font-weight: 700;
 color: #fff;
 font-size: 24px;
 pointer-events: none;
 cursor: default;
}

`

此类仅使菜单项字体变粗体，但颜色和大小保持不变？？ 帮助将不胜感激。

Answer 1

您的样式可能会被主题默认样式覆盖。 尝试使用父标签来编写样式，例如

nav ul.classname .myclass {
  /* Style*/
}

如果不起作用，则仅使用！important编写如下样式

nav ul.classname .myclass {
 font-weight: 700;
 color: #fff !important;
 font-size: 24px !important;
 pointer-events: none;
 cursor: default;
}