如何在导航菜单中添加或删除边框?

时间:2017-08-19 作者:Vaander

对你们来说,一个可能非常简单的CSS问题。

我正在为自己构建一个新网站,我想用一条竖线来划分每个菜单项,我通过在Firefox开发工具中找到CSS选择器来做到这一点:

.is-frontend #content-holder .semplice-navbar nav ul li{
    border-right: solid #000000;
    border-width: 1px;
}
看起来是这样的(你可以看到我圈出了罪犯):

I'd like to get rid of the border-right line as seen in the red circle

element{
border:none;
}
这基本上在html中创建了一个内联样式属性。。。像这样:

<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-345" style="border: none;">
你知道我如何删除最后一条垂直线(边框)吗?我没有子主题(正在考虑更改主题/html代码),但我仍然是WP的初学者。。。当然有更简单的解决方案?

如果你想看看这个网站,它是有通行证保护的,但菜单应该在那里。magmaworks.net

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

使用CSS 3,可以使用:last child或:last类型选择器:

.is-frontend #content-holder .semplice-navbar nav ul li:last-child { border-right: 1px solid #000000; }

但是,您可以使用:first child(可在CSS2中使用)将其翻转过来,使其更向后兼容:

.is-frontend #content-holder .semplice-navbar nav ul li { border-left: 1px solid #000000; }

.is-frontend #content-holder .semplice-navbar nav ul li:first-child { border-right: none; }

结束

相关推荐

多个css正文类到特定页面的ID-这是可能的吗?

这是我的挑战。。。我有52页,需要一个全宽的背景图像,将通过渲染。css样式。。所以,我将知道所有的页面ID号。我相信下面的代码是一种整洁的方式来完成我想要实现的目标。我的问题是,与其有52个下面代码的实例,是否可以简单地放置所有页面ID和$classes 用逗号分隔的“css”的?add_filter(\'body_class\',\'wpsites_specific_page_body_class\'); /** * @author Brad Dalton - WP Sites