Структурні псевдокласи дозволяють вибрати елементи, ґрунтуючись на їхньому положенні в дереві документа та відношенні до інших елементів. Наприклад, :first-child вибирає перший елемент у групі братських елементів, тобто мають одного з батьків.
Структурні псевдокласи застосовуються для створення колонок, стилізації таблиць, оформлення різних меню та ін. Наприклад, ось як зробити «зебру» в таблиці, так називається чергування світлих і темних рядків.
tr:nth-child(even) { background: gray; }
tr:nth-child(odd) { background: white; }Тут парні рядки виділяються сірим кольором, а непарні білим.