Зазвичай стилі CSS застосовуються до тих елементів веб-сторінки, які видно в її вихідному коді. Але існують випадки, коли потрібно створити стиль для певного стану елемента (наприклад, зовнішній вигляд відвіданого посилання або вигляд посилання при наведенні на нього курсору), а також для елемента, який чітко не позначений у структурі сторінки. Прикладом такого елемента може бути перший символ у абзаці або перший рядок.
За допомогою псевдокласів у CSS можна встановлювати стиль для вже існуючих елементів веб-сторінки, який буде застосовуватися у разі певних дій користувача. Псевдоелементи ж відрізняються тим, що можуть визначати стиль неіснуючого вмісту, а також чітко не позначених елементів.