Есть ли способ выбрать последний элемент списка с помощью CSS?

Question

Скажите, у меня есть следующий список:

• item1
• item2
• item3

Есть ли селектор CSS, который позволит мне напрямую выбрать последний элемент списка? В этом случае пункт 3.

Ура! * * 1013

Answer 1

Не то, чтобы я знал. Традиционное решение - пометить первый и последний элементы с помощью class = "first" & class = "last", чтобы вы могли их идентифицировать.

Псудокласс CSS first-child даст вам первый элемент, но не все браузеры его поддерживают. У CSS3 будет последний ребенок тоже (в настоящее время это поддерживается Firefox, Safari, но не IE 6/7 / beta 8)

Answer 2

Пока он не поддерживается должным образом, вам нужно будет добавить класс к «последним» элементам, как было предложено. Вы не должны делать это вручную, хотя. Если вы можете принять удар по javascript, взгляните на:

• jQuery: селектор последнего ребенка
• Сохранение детей ваших стихий на связи с потомством (отдельная статья Алекса Бишоффа), специальный, более легкий метод

Любой из них позволит избежать «загрязнения» вашей разметки и является вполне приемлемым, если ваш стиль является «хорошим дополнением», а не обязательным элементом дизайна.

Answer 3

Ответ на этот вопрос должен быть обновлен! IE9 + Firefox (некоторое время назад) + Chrome, Safari все поддерживают: last-of-type или last-child