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有很多选项,真的。。。

    结束

    相关推荐

    为什么我的可湿性粉剂主题中没有显示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: 部门。长方体容器