【问题标题】:Removing border on last menu Item删除最后一个菜单项的边框
【发布时间】:2020-02-09 06:58:57
【问题描述】:

如何去除最后一个菜单项的边框?

我试过了,

.elementor-1785 .elementor-element.elementor-element-8e7245e 
.elementor-nav-menu .menu-item a:last-child {
    color: #333333;
    background-color: #f0f0ed;
    border-style: solid;
    border-width: 0px 1px 0px 0px;
    border-color: #0274be;
}

但没有运气。我的网站是 https://******.dk。 (网址已删除)

我正在使用 elementor 插件,并且还在最后一个菜单项上添加了一个自定义类“noborder”

【问题讨论】:

  • 如果我们正在做PATCH 的方式,强制边框无到最后一个元素。 Look
  • 感谢您的回复。 PATCH方式没问题,我试过了,没有运气。 .noborder.elementor-1785 .elementor-element.elementor-element-8e7245e .elementor-nav-menu .menu-item {边框:无; }

标签: css wordpress elementor


【解决方案1】:

使用

 .menu-item:last-child a{
     border-right: none;
 }

而不是

 .menu-item a:last-child

您正在寻找最后一个孩子li而不是最后一个孩子a

【讨论】:

    【解决方案2】:
    a:last-child {
       border: none;
    }
    

    我们不需要边框,因为最后一项将为我们覆盖边框。

    【讨论】:

    • 谢谢你的回复,也是一个解决办法。
    【解决方案3】:

    尝试使用 :last-child 选择器。

    你会在这里得到一个完整的描述和测试的方式,这样下次就不用担心了:)

    https://www.w3schools.com/cssref/sel_last-child.asp

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2011-06-30
      • 2012-08-23
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2023-01-12
      相关资源
      最近更新 更多