index-html```html 红花学习网绿叶学习网玫瑰学习网绿叶学习网 leyeStudy.com 绿叶学习

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>CSS选择器</title>
		<style type="text/css">
			/* 元素选择器
			 * 修改两个div的样式
			 *  */
			div {
				color: red;
			}
			
			/* id选择器
			 * id是惟一的。
			 * 
			 *  */
			#lvye {
				background-color: pink;
			}
			
			/* class选择器
			 * 相同样式
			 * 
			 *  */
			.lv {
				font-size: 30px;
			}
			
			/* 后代选择器  */
			#father1 div {
				color: hotpink;
			}
			
			/* 群组选择器 */
			span, p, #father1 {
				background-color: purple;
			}
			
		</style>
	</head>
	<body>
	
	<div id="lvye"> 红花学习网 </div>
	<p class="lv">绿叶学习网</p>
	<span class="lv">玫瑰学习网</span>
	<div> 绿叶学习网 </div>
	<hr />
	
	<div id="father1">
		<div>
			leyeStudy.com			
		</div>
		<div>
			绿叶学习网
		</div>
	</div>
	
	
	</body>
</html>