Нередко, чтобы не нарушать структуру нашей публикации, мы прячем ссылку за текстом.

Например, «нажми сюда«

Но что, если человеку нужно распечатать страничку, как показать этот линк? Очень просто.

1. Создайте отдельный стиль для печати.

2. Вставьте в него следующий код

a[href^=’http://’%5D:after {
content:  » [» attr(href) «]»;
font-size:  90%;
}

Совместно с селектором параметров это правило говорит браузеру:
Если элемент href элемента содержит http:// поместить содержимое параметра href после содержимого элемента а и уменьшить размер текста до 90%.

3. При печати все линки будут выводиться в следующем виде:

Нажми сюда [http://www.google.com/]

Этот селектор показывает, как комбинирование различных селекторов дает больший контроль без необходимости править исходный код