У меня есть список элементов, которые оформлены так:
ul {
list-style-type: none;
text-align: center;
}
li {
display: inline;
}
li:not(:last-child):after {
content:' |';
}
<ul>
<li>One</li>
<li>Two</li>
<li>Three</li>
<li>Four</li>
<li>Five</li>
</ul>
Выходы One | Two | Three | Four | Five |
вместоOne | Two | Three | Four | Five
Кто-нибудь знает, как CSS выбрать все, кроме последнего элемента?
Вы можете увидеть определение :not()
селектора здесь
css
css-selectors
pseudo-element
Мэтт Кларксон
источник
источник
Ответы:
Если это проблема с неселектором, вы можете установить их все и переопределить последний
или если вы можете использовать раньше, нет необходимости для последнего ребенка
источник
li:not(:first-child):before
это слишком страшно для старых версий Internet Explorer.Все вещи кажутся правильными. Возможно, вы захотите использовать следующий селектор CSS вместо того, что вы использовали.
источник
Ваш пример, как написано, отлично работает в Chrome 11 для меня. Возможно, ваш браузер просто не поддерживает
:not()
селектор?Вам может понадобиться использовать JavaScript или аналогичный для выполнения этого кросс-браузер. JQuery реализует : not () в своем селекторном API.
источник
li:not(:first-child):before
и добавив вертикальную черту раньше. Я работал со стабильной версией Chrome, которая, похоже, не поддерживает last-child. Канарская сборка делает. Спасибо за ответПример использования CSS
источник
Для меня это нормально работает
источник
Ваш пример не работает в IE для меня, вы должны указать заголовок Doctype в вашем документе, чтобы стандартно отображать страницу в IE, чтобы использовать свойство CSS содержимого:
Второй способ - использовать CSS 3-селекторы.
Но вам все равно нужно указать Doctype
И третий способ - использовать JQuery с некоторыми скриптами, такими как:
Преимущество третьего способа заключается в том, что вам не нужно указывать тип документа, а jQuery позаботится о совместимости.
источник
Удалить: до последнего ребенка и: после и использовать
Надеюсь, это должно работать
источник
Вы можете попробовать это, я знаю, это не ответы, которые вы ищете, но концепция та же самая.
Где вы устанавливаете стили для всех дочерних элементов, а затем удаляете их из последнего дочернего элемента.
Фрагмент кода
Образ
источник