Псевдо-классы расширяют возможности CSS селекторов.

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

Псевдо-класс :first-child позволяет выбрать элемент, который является первым потомком в его родительском элементе.

p:first-child 
{
color:red;
}

Псевдо-класс :first-letter

Псевдо-класс :first-letter позволяет оформить первую букву указанного элемента.

p:first-letter 
{
font-size:1.8em;
color:green;
font-family:"Comic Sans MS";
border:1px solid black;
padding:2px;
}

Псевдо-класс :focus

Псевдо-класс :focus позволяет выбрать активные input элементы формы.

:focus
{
background-color:yellow;
}

Псевдо-класс :first-line

Псевдо-класс :first-line позволяет оформить первую строчку указанного элемента.

p:first-line 
{
font-size:1.2em;
font-weight:bold;
color:green;
}

Псевдо-классы :before и :after

С помощью псевдо-классов :before и :after Вы можете вставлять произвольное содержимое до и после указанных элементов.

p:before
{
content:"CSS - ";
font-weight:bold;
} 
p:after
{
content:" HTML документы.";
}

Обратите внимание: перечень всех существующих в CSS псевдо-классов Вы можете найти в нашем CSS справочнике.