Под другим углом: Переменные для статического сайта или css-переменные в html

Недавно в работе над одним интересным проектом я столкнулся с необычным для себя использованием свойства content из css2.

О свойстве «content» в css2 я знаю уже не первый год. Действие его соответствует названию.

Content помещает текст в содержимое страницы, после или до блока, к которому это свойство было присвоено.

Я знал об этом свойстве уже давно, но никогда не использовал, помня что ie6, ie7 его напрямую неподдерживают:

IE Chrome Opera Firefox Android iOS
8.0+ 1.0+ 7.0+ 1.0+ 1.0+ 1.0+

Хотя думаю, удобно было бы, хотя и не представляю пока что, для чего это можно использовать.

Не представлял.

Но есть, как и всегда, более находчивые люди. И более находчивые люди делают так:

/* ... */
.fee:before { content: "200 " }    /*    ... сбор  */
.guest_price:before { content: "100 " }    /*    цена услуги по ...  */  
/* ... */

Я не поверил своим глазам и даже рассмеялся от находки. Я слышал конечно, что в css3 анонсировали появление переменных, но в css2 я их увидеть был не готов

Если вдруг не понятно, этот код вставляет цены перед блоками с классами consul_fee, guest_visa_price и другими. И автор этих строк не так трепетно относился к владельцам осликов шестой и седьмой версии, а возможно не хотел чтобы цены индексировались поисковиками. Спрашивать я не стал.

Полезно(1)Бесполезно(0)
Комментарии закрыты.