CSS variables

CSS 変数を、before contentで、

CSS 変数を、before contentで、

このブラウザは、CSS変数をサポートしていません。
CSS variablesすごいね

CSS

		:root{
			--pf-content:'hello world'
		}

		.entry-content .content:before{
			content: var( --pf-content, 'ヤッホー' );
			color:red;
		}
		:root{
			--my_background_image_1:url(https://cdn-ak.f.st-hatena.com/images/fotolife/t/tenman/20150929/20150929103403.jpg);
		}
		h2.title:before{
			margin:0 10px 0 0;
			content:" ";
			display:inline-block;
			width:80px;
			height:60px;
			background:var(--my_background_image_1,url( http://www.tenman.info/images/DSCF0024.jpg));
			background-size:cover;
			vertical-align:middle;
			background-repeat:no-repeat;
			background-position:center center;
		}
		#supports{
			color:red;
			font-weight:700;
		}
		@supports(--css:variables){
			#supports{
				display:none;
			}
		}