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

Question

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

• элемент1
• элемент2
• элемент3

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

Ваше здоровье!

Answer 1

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

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

Answer 2

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

• селектор jQuery :last-child
• Поддержание детей ваших элементов в соответствии с потомством (статья Алекса Бишоффа со списком), особый, более легкий метод.

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

Answer 3

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