Справочник по CSS : Тематический указатель : Селекторы : Псевдоклассы : :last-child

Материал из Справочник Web-языков

• Главная
• CSS
• Тематический указатель
• Селекторы
• Псевдоклассы
• :last-child

Содержание 1 Псевдокласс :last-child 2 Синтаксис 3 Замечания 4 Примеры 5 Поддерживаемые браузеры 6 Ссылки на источники

Псевдокласс :last-child

Задает один или более стилей для последнего из ряда дочерних элементов для объекта.

Синтаксис

element:last-child { style properties }

Замечания

Псевдокласс :last-child позволяет форматировать только последний дочерний элемент какого-либо другого элемента.

Примеры

В примере используется псевдокласс :last-child. Последний абзац текста span будет зеленым.

span:last-child  
{  
    background-color: lime;  
}  
...
<div>  
    <span>Этот текст не зеленый</span>  
    <span>Да, этот текст цвета lime :)</span>  
  </div>  

Поддерживаемые браузеры

Opera начиная с версии 9.5

Safari начиная с версии 1.0

Firefox начиная с версии 2.0

Ссылки на источники

https://developer.mozilla.org/en/CSS/%3alast-child