Псевдоелементи
Псевдоелементи дозволяють задавати особливі стилі без його визначення в самій структурі HTML. Записуються вони так: ім’я селектора, знак «::», ім’я псевдоэлемента. Найбільш поширені елементи «before» та «after». У них є властивість «content», вони не можуть застосовуватися до внутрішніх стилів. «After» потрібен для додавання якогось контенту після вмісту певного елемента. Що саме потрібно вставити, записується у властивість «content». Аналогічним чином, псевдоэлемент «before» додає контент перед вмістом елемента. Використання цих особливих селекторів дозволяє скоротити код і не писати кожен раз нову структуру для якоїсь його частини, якщо потрібно додати невелику деталь в певне місце контейнера. Вони дуже часто використовуються при стилізації сторінок і додавання якихось декоративних елементів. Комбінації всіх цих варіантів допомагають створювати незвичайні ефекти на сторінці і дуже допомагають роботі верстальника.
