必须了解的CSS变量（var）.html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>必须了解的CSS变量（var）1</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, user-scalable=no, maximum-scale=1.0">
<meta name="keywords" content="">
<link href="" rel="stylesheet">
<style>
	:root{
		/* color:#ff474c; */
	}
	div{
		color:currentColor;
		margin:5em 0;
	    text-align: center;
	}
	div.blue{
		color:blue;
	}
</style>
</head>
<body>
	<div class="blue">字体是蓝色的</div>
	<div>字体是红色的</div>
</body>
</html>