Wordpress 下拉菜单样式答案

【问题标题】：Wordpress drop down menu stylingWordpress 下拉菜单样式
【发布时间】：2015-07-01 14:10:50
【问题描述】：

我最近开始学习 WordPress 并开始创建一个 WordPress 网站。我为我的一个页面创建了一个下拉侧导航（使用 WordPress 中提供的菜单选项，并将其添加为“”），并且在按我想要的方式设置它时遇到了一些麻烦。

由于它是一个下拉菜单，如果我在 css 中为 li 设置样式，我想用灰色边框（而不是子项）设置导航的父级样式，然后所有 li 都被边框包围（甚至孩子们）。我知道这是因为他们也是 li 的，但是是否有分配给父母的班级（或者我可以为他们分配班级的方式）所以我可以单独设置它们的样式？

小提琴基本上是一个视觉示例（我没有使用它）。我希望父母在他们周围有一个边界，而孩子们周围没有任何东西。

.sideNavi a{
    color:#666666;
}

.sideNavi li ul{
    display: none;
}

.sideNavi li:hover ul{
    display: block;
}

css 代码是我的代码

谢谢

【问题讨论】：

【解决方案1】：

为父 li 创建一个类，就像为 ul 创建一个类一样。将此课程分配给您所有的父母李。

例如：

<li class="parent-li">

然后在你的 css 中为该类分配样式。

    .parent-li {border: 1px solid #222; display: inline-block;}

除非我错过了理解您想要实现的目标，否则它应该是一个简单的解决方案。希望对您有所帮助。

编辑：我刚刚看到您的评论提到您正在使用 Wordpress 中的编辑菜单屏幕。您应该能够为菜单项分配自定义类。如果您看不到该选项，请转到右上角的屏幕选项下拉选项卡并在高级属性下启用 css 自定义类。您仍然需要通过编辑主题样式表（不推荐）或创建子主题来创建 css 类。

【讨论】：

您好，感谢您的回复，这并不能解决问题，我会尝试更好地解释它。 jsfiddle.net/99Loe1ph 那是我的确切代码（css 和 html），导航（get_sidebar();）是在 wordpress 菜单上创建的。添加 parent-li 类只会在整个导航周围添加一个边框。我想要一个只围绕父类的边框。菜单由 WordPress 组成。
边框好像在parent的周围，但是展开时也会覆盖children。无论如何，只有父母有边框吗？谢谢

【解决方案2】：

.parent > li{
  border: solid 1px #000;
}

【讨论】：