Wordpress下拉菜单样式

Question

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

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

http://jsfiddle.net/twLj3eba/

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

.sideNavi a{
    color:#666666;
}

.sideNavi li ul{
    display: none;
}

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

css代码是我的代码

谢谢

Answer 1

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

Answer 2

以与创建ul类相同的方式为父li创建一个类。将此课程分配给您的所有家长。

例如：

<li class="parent-li">

然后在css中为该类指定样式。

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

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

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