Wordpress下拉菜单样式

Wordpress drop down menu styling

本文关键字：样式 下拉菜单 Wordpress      更新时间：2023-09-26

我最近开始学习WordPress，并开始创建一个WordPress网站。我已经为我的一个页面创建了一个下拉式导航（使用WordPress中提供的菜单选项，并添加了"），但在按照我想要的方式设计它时遇到了一些问题。

由于这是一个下拉菜单，我想用灰色边框来设计导航的父级（但不是子级）。如果我用css来设计li，那么所有li都用边框包围（甚至是子级）。我知道这是因为他们也是李的，但有没有给父母分配一个班级（或者我可以给他们分配一个班的方式），这样我就可以把他们分开来设计风格？

http://jsfiddle.net/twLj3eba/

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

.sideNavi a{
    color:#666666;
}
.sideNavi li ul{
    display: none;
}
.sideNavi li:hover ul{
    display: block;
}

css代码是我的代码

感谢

以与为ul创建类相同的方式为父li创建类。把这个班分配给你所有的家长李。

例如：

<li class="parent-li">

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

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

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

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

.parent > li{
  border: solid 1px #000;
}
相关文章：