Как убрать из последнего CSS-элемента «контент»?

Question

[Богдан Сорока]

Вот как можно убрать из последнего элемента "|"?

Comments

[Богдан Сорока]

Парни и девушки:проблема решена,спасибо всем за ответы!

Answer 1

[Анна Бакурова]

стили просто пишите не для li a для li+li и "|" должна быть с левой стороны и так мы получим что у нас не будет у последнего этой полосы справа а у первого элемента слева)))

Comments

[Анна Бакурова]

и не нужно никаких "последний ребенок"

[Юрий Лобанов]

Да, отличное решение
jsfiddle.net/iiil/ZSyQ5/5

[Анна Бакурова]

@iiil ну да Я об этом и говорила

[mazgolom345]

@Libris eta bilie tochni kod uj paver)))

[Анна Бакурова]

@mazgolom345 что?

[mazgolom345]

@Libris vobshemmm "последний ребенок" eta boli pravelni kod

[Юрий Лобанов]

@Libris я понял, в том предложении он написал: это более точный код, уж поверь :)

[Анна Бакурова]

@iiil ааа))) только почему Я не поняла. Всегда пользовалась этим вариантом и никогда не подводил + кода в разы меньше

[Юрий Лобанов]

@Libris ну может более точный заданию. А так я ответить не смогу )

[Анна Бакурова]

Да вот поэтому Я и не пользуюсь последним ребенком или очень редко когда заказчик просит +9

Answer 2

[Роман Мисюра]

Вот простой и очень хороший вариант. Все работает отлично!

Answer 3

[Maksim Zverev]

Используя псевдокласс last-child.
Пример:

.some-class{
border-right: 1px solid silver;
}
.some-class:last-child{
border-right: none;
}

Comments

[Богдан Сорока]

Я создавал после каждого элемента li - content:"|"

[Maksim Zverev]

Ну так сделайте в last-child content: ""

.some-class:last-child{
content: "";
}

[Maksim Zverev]

Если вы извращались через after, то li:last-child:after { content: ""; }

[Илья Лесных]

А зачем было использовать after и content, если можно просто border-right?

[Богдан Сорока]

@Aliance это можно сделать не одним решением

[Юрий Лобанов]

@nezumiwhat так что, ни один ответ не устроил? Вам же ответили, все как Вы хотели и еще несколько способовя

Answer 4

[Юрий Лобанов]

jsfiddle.net/iiil/ZSyQ5

jsfiddle.net/iiil/ZSyQ5/2

jsfiddle.net/iiil/ZSyQ5/3

Comments

[Юрий Лобанов]

Тьма вариантов, как говорится

[Юрий Лобанов]

Но я бы использовал бордеры

[Maksim Zverev]

Поддерживаю :)

Answer 5

[Богдан Сорока]

не пашет!

Comments

[Maksim Zverev]

li:last-child:after { content: ""; }

[Богдан Сорока]

@m1skam и это тоже пробовал

[Maksim Zverev]

У меня работает: jsfiddle.net/ZSyQ5/1

[Богдан Сорока]

@m1skam я попробовал сделать с помощью идентификатора и получилось!

#sendbook:after
{
content:" ";
color:white;
}

[mazgolom345]

eta ne pamojet)))

[Александр Логинов-Солоницын]

mazgolom345: Если прописать !important то поможет)

Answer 6

[mazgolom345]

ul>li:last-child