Как совместить :after и :nth-last-of-type?

Question

[Роман]

Здравствуйте!

Есть

li:after {
	content: "-";
}

Хочу с помощью :nth-last-of-type(1) для последнего li отключить :after.
Как правильно сделать такую структуру? Вот такое не работает, что и не удивительно)

li:after:nth-last-of-type(1) {
	content: "";
}

Answer 1

[ivan1kazantsev]

li:last-of-type::after {}

А вообще внутри ul увидеть что-то кроме li нельзя, из чего следует: последний дочерний элемент будет li. Это дает возможность использовать :last-child без опасений.

Comments

[Роман]

Ух, спасибо. До двойного двоеточия я бы точно сам не дошел)

[Роман]

Причем вариант с одним двоеточием тоже работает. Почему рекомендуете ставить два?

[Сергей Горячев]

Роман: Двойное двоеточие тут не при чем, важно порядок правильный расставить.
В CSS3 псевдоэлементы стали обозначаться двумя двоеточиями, чтобы синтаксис отличался от псевдоклассов. В CSS2 они обозначаются одним двоеточием. Браузеры, как правило, понимают оба синтаксиса.
Поэтому можно : и :: использовать.

[Роман]

Sergey Goryachev: но, выходит, :: ставить правильнее. Спасибо за комментарий.

[Сергей Горячев]

Роман: А порядок исходит собственно из логики "выбираем сначала последний элемент, а потом к нему добавляем афтер". В твоем же варианте наоборот вышло.

Answer 2

[sergey]

li:nth-last-of-type(1):after {
  content: "";
}

Answer 3

[Евгений]

li:nth-last-of-type(1)::after { /* ... */}