css variables :before content value

CSS 変数を使って、before content の値をセットしてみます。

Edgeブラウザはクラッシュするので、IE以外のブラウザで確認してください(2017/6/16 Microsoft Edge 40.15063.0.0)

また、contentプロパティに利用できる値としては定義されていないわけですが（CSS/Properties/content - W3C Wiki）動作はする模様というメモです。

<div class="content"></div>

article{
 --pf-content:'CSS Variables すごいでしょ';
}
.entry-content .content:before{
 content: var( --pf-content, 'ヤッホー' );
 color:red;
}

<div class="content2"></div>

.entry-content .content2:before{
 content: var( --pf-content2, 'ヤッホー' );
 color:red;
}

CSS note