Как убрать последнюю полосу в меню?

Question

[Ottaliya Butovsky]

Добрый день!

Не могу решить проблему, как убрать последнюю "палку" в меню? Ни как не могу решить этот элементарный вопрос.

вот код:
https://jsfiddle.net/SKAIT/w7dLc1fa/5/

Answer 1

[Пашенька]

Если бы делали "палки" на liшках, селектор был бы намного приятнее, а так:

.ull_item:last-of-type .ull_lind:after {
    display: none;
}

Comments

[Ottaliya Butovsky]

я знаю другие методы и в них я могу убрать последнюю "палку" =3

но ,как её убрать в конкретном случаи, было вопросом! спасибо!

[Сергей delphinpro]

Согласно спецификации, потомком списка (UL, OL) может являться только элемент списка (LI). Никаких других тегов там быть не может.
Отсюда следует, что не имеет смысла привязываться к типу элемента:

.ull_item:last-child .ull_lind:after {
    display: none;
}

Постоянно суют *-of-type селектор, не понимая где и для чего он реально нужен.

[Сергей delphinpro]

Если отрефакторить код, то для начала, можно не скрывать последний, а убрать его:

.ull_item:last-child .ull_lind:after {
    content: none;
}

Или вообще никогда не выводить:

.ull_item:not(:last-child) .ull_lind:after {
  content: ''
  width: 3px
  height: 27px
  position: absolute
  left: 100%
  background-color: #222222
}

[Пашенька]

Сергей delphinpro,

Согласно спецификации, потомком списка (UL, OL) может являться только элемент списка (LI).

Именно поэтому без разницы какими ластами он будет выбран.

Если отрефакторить код
.ull_item:not(:last-child) .ull_lind:after

Если под рефакторингом понимается сделать этот селектор ещё более медленным, то да.

Постоянно суют *-of-type селектор, не понимая где и для чего он реально нужен.

В том и дело, что реально он никогда не нужен при нормальной верстке.