Какой вариант записи правильный, li + li или li:last-child?

Question

[Владимир]

Привет ребята, подскажите пожалуйста какой вариант записи правильный, или лучше других по каким-то причинам. Результат конечно одинаковый, но может быть разница в перспективе работы с ним.
https://codepen.io/OvchariK3208/pen/oNYOzGo

Или просто юзать что удобнее?

Comments

[Антон Литвиненко]

Одинаково
А вообще от задачи. Если например сетка с блоками по 3 в ряд с переносом на след строку, то маргин райт предпочтительнее

[Владимир]

Антон Литвиненко, спасибо

Answer 1

[Сергей delphinpro]

Что значит, результат одинаковый?

li + li {} Выбирает все элементы кроме первого.
li:last-child {} Выбирает только последний элемент.

Дополню. Может показаться, что первый вариант идентичен такому:
li:not(:first-child) {}
Да, в частном случае. Поэтому стоит быть осторожным. Например в разметке
div > (a + p + p + p)
селектор p + p выберет последние два параграфа
а селектор p:not(:first-child) - все параграфы.

Comments

[Владимир]

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

[Сергей delphinpro]

Владимир, я не понял вопроса.
Когда вам нужно выбрать все кроме первого по типу, то siblings селектор (+)
Когда вам нужен последний элемент родителя, то :last-child
Как их можно сравнивать при совершенно разном поведении?

[Владимир]

Сергей delphinpro, спасибо Вам)