first_letter_example.html

<!doctype html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<script src="js/jquery-1.8.3.min.js"></script>
	<style>
		.main{
			font-family: Source Code Pro,Microsoft YaHei;
			text-align: left;
			font-size: 18px;
			font-weight: 500;
			width: 80%;
			margin: 0 auto;
			background: #ccc;
		}
		.price{
			color:#ff5802;
			display: inline-block;
		}
		.price:first-letter{
			margin-right:2px;
			font-size:xx-large;
			vertical-align: -2px;
		}
	</style>
	<title>zhangqi_file</title>
</head>
<body>
	<div class="main">
		<h2>::first-letter简单的小实例</h2>
		<p>价格：<span class="price">￥399</span></p>			
	</div>
</body>
</html>