将CSS应用于ul＆gt;里

Question

我目前在WP中使用多站点，我使用自定义CSS插件在各个站点而不是整个网络上应用微小更改。

在我们的网站上，导航菜单的子菜单由两列组成，但我想将其设为1列。在Chrome 检查器中，我可以轻松地执行此操作，但是当我尝试在CSS中应用它时，没有任何更改。我确信我在链接div类和其他元素时遇到了错误。我正在做的基本上是在检查器中复制类名称并粘贴到Custom CSS插件。如下所示

这是我从检查器复制的一组类。 .header-area .main-menu > ul > li .submenu-wrap ul

.header-area.main-menu > ul > li .submenu-wrap ul{
   column-count:1;
}

但是当我这样做时它不会处理。

Answer 1

尝试：

.header-area .main-menu > ul > li .submenu-wrap ul{
  -webkit-column-count: 1;
  -moz-column-count: 1;
  column-count: 1;
} 

或者如果不起作用，请尝试：

.header-area .main-menu > ul#menu-main-menu > li .submenu-wrap ul{
  -webkit-column-count: 1;
  -moz-column-count: 1;
  column-count: 1;
} 

可能发生的事情是Custom CSS插件将新的css放在现有css之前的文档中。如果是这种情况，您的更改将被现有样式表覆盖，因为您使用的是相同的选择器。通过添加ID“＃menu-main-menu”（仅在您的情况下），我已经为您的新选择器提供了更高的特异性，因此它不会被原件覆盖。

注意：

1. “.header-area”与“.main-menu”在同一元素上是否存在？ 因为它不在你的jsfiddle例子中。如果没有，请将其删除 来自你的新css。
2. 进行更改后检查文档并在中确认 检查员，新的css实际上被添加到文档中， 无论它是否有效。我们需要确认一下 插件实际上可以工作并呈现到页面。