Визначення та використання. Селектор :nth-last-of-type(n). відповідає кожному елементу, який є n-м дочірнім елементом, певного типу, свого батька, рахуючи від останнього дочірнього елемента. n може бути числом, ключовим словом або формулою.
Псевдоклас CSS :nth-last-of-type(). збігається з елементами на основі їхньої позиції серед братів і сестер того самого типу (ім’я тегу), рахуючи з кінця.
Єдина відмінність між ним і :nth-of-type полягає в тому, що останній ітерує елементи, починаючи з нижньої частини вихідного порядку. Селектор :nth-last-of-type дуже схожий на :nth-last-child, але з однією критичною відмінністю: він більш конкретний.
Визначення та використання. Селектор :last-of-type вибирає всі елементи, які є останніми дочірніми елементами певного типу свого батька.. Підказка: це те саме, що :nth-last-of-type(1). Порада. Використовуйте селектор :first-of-type, щоб вибрати всі елементи, які є першими дочірніми елементами певного типу їх батьківського елемента.
Селектор :nth-of-type(n). відповідає кожному елементу, який є n-м дочірнім елементом того самого типу (ім’я тегу) свого батька. n може бути числом, ключовим словом (парним або непарним) або формулою (як + b). Порада: подивіться на селектор :nth-child(), щоб вибрати елемент, який є n-м дочірнім елементом, незалежно від типу, його батьківського елемента.
X:first-of-type означає «перший дочірній елемент свого батька, який є елементом X». X:last-of-type означає «останній дочірній елемент свого батька, який є елементом X».