javascript - Wordpress 下拉菜单样式

Question

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

因为它是一个下拉菜单，如果我在 css 中为 li 设置样式，我想为导航的父级设置灰色边框(而不是子项)，那么所有的 li 都被边框包围(即使是 children )。我知道这是因为他们也是 li 的，但是是否有一个分配给 parent 的类(class)(或者我可以为他们分配一个类(class)的方式)以便我可以分别设置它们的样式？

http://jsfiddle.net/twLj3eba/

fiddle 基本上是一个视觉示例(我没有使用它)。我希望 parent 周围有边界， child 周围没有任何东西。

.sideNavi a{
    color:#666666;
}

.sideNavi li ul{
    display: none;
}

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

css代码是我的代码

谢谢

Answer 1

以与为 ul 创建类相同的方式为父 li 创建一个类。将这个类分配给你所有的父 li。

例如:

<li class="parent-li">

然后在您的 css 中将样式分配给该类。

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

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

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