Удаление границы в последнем пункте меню

Question

Как убрать границу из последнего пункта меню?

Я пробовал,

.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. (URL удален)

Я использую плагин elementor, а также добавил собственный класс "noborder" в последний пункт меню

Answer 1

Используйте

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

вместо

 .menu-item a:last-child

Вы ищете последнего ребенка li, а не последнего ребенка a

Answer 2

Попробуйте использовать: селектор последнего ребенка.

Здесь вы получите полное описание и проверенный способ, чтобы в следующий раз больше не волноваться:)

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

Answer 3

a:last-child {
   border: none;
}

Нам не нужна граница, так как только что последний элемент покрывает эту границу для нас.