Выбор второго последнего элемента с CSS

В веб -разработке часто необходимо нацелить конкретные элементы в структуре документа. При выборе элемента, основанного на его положении в пределах своего родителя, CSS предоставляет: селектор последнего ребенка, который позволяет нам выбрать последний элемент. Однако в определенных сценариях нам может потребоваться выбрать второй последний элемент.

для этой цели CSS3 вводит селектор: nth-last-crild (n), где n представляет положение элемента подсчета с конца. Чтобы выбрать второй последний элемент, мы можем использовать: nth-last-child (2).

Этот селектор применим к следующему примеру:

  
a
  
b
  
SELECT THIS
 
  
c

, используя селектор: nth-last-child (2), мы сможем стилизовать желаемый элемент без необходимости в jQuery.

Поддержка браузера:

[nth-last-child.

firefox 3.5
opera 9.5
Safari 3.1
Internet Explorer 9
]