New wp menu menu styling

时间：2011-03-26 作者：menardmam

好吧，我不是WP菜单的粉丝，但现在它在里面管理得很好，我必须制作使用该菜单的主题。现在对于造型我有点挑战。。。

问题是。。。菜单应该如下所示

|第1页|第2页|第3页|

你看到问题了吗，边框，比如说每个

  • 都将是右边框1px的样式，但第一个项目需要为左边框设置一个特殊的类

    问题我怎么知道它是菜单中第一个或最后一个正确设置样式的项目。。。或者你是如何设计这种菜单的。。。

    • 1 个回复
    最合适的回答,由SO网友:Chip Bennett 整理而成

    您是否使用CSS3？

    你可以使用：

    ul#navmenuid:first-child {
     border-left: 1px;
}
    或者您可以使用（紧跟在LI之后的任何LI）：

    ul#navmenuid li {
     border-left: 1px;
     border-right: 1px;
}
ul#navmenuid li + li {
     border-left: 0;
}
    或者您可以使用（任何紧跟在an LI之后的LI，即使不是立即）：

    ul#navmenuid li {
     border-left: 1px;
     border-right: 1px;
}
ul#navmenuid li ~ li {
     border-left: 0;
}
    通过CSS有很多选项，真的。。。

    结束
    标签： menus   css   小码农  

    相关推荐

    为什么我的可湿性粉剂主题中没有显示div容器内div的css水平对齐？

    WP 3.0.4启用多站点网络，使用MAMP本地安装，PHP 5.3.2，WP主题：Twentyten Child (Wordpress Theme)无法在div容器中显示4个div框水平对齐的CSS样式。注意：在我手工编写的HTML/php网站上，同样的css样式可以很好地用于HTML 4.01 Transitional//EN。但在我的WordPress网站上，这四个盒子像楼梯一样从对方身上下来。Firefox v3中的行为相同。6.13和Safari v5。0.3。My CSS: 部门。长方体容器