<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>三种选择器</title>
<!-- 标签选择器样式 -->
<style type="text/css">
h1{color: green;}
p{color: green;}
</style>
<!-- id选择器样式 -->
<style >
#div1{color:red;font-size:60px; }
#div2{color:red; font-size:60px;}
#p1{color:red; font-size:60px;}
</style>
<!-- 类选择器样式 -->
<style type="text/css">
.lingdao{color:purple; font-size:60px;}
.yuangong{color:purple;font-size:30px;}
</style>
</head>
<body>
<b>标签选择器:</b>
<h1> hello 我是标签选择器 </h1>
<p> hello 我是标签选择器 </p>
<h1> hello 我是标签选择器 </h1>
<b >id选择器:</b>
<div id="div1">我是div-one</div>
<div id ="div2">我是div-two</div>
<p id ="p1">我是p-one</p>
<b>class选择器:</b>
<div class="lingdao" id ="lingdao">领导</div>
<div class="yuangong" id ="yuangong">员工1</div>
<div class="yuangong" id ="yuangong">员工2</div>
<div class="yuangong" id ="yuangong">员工3</div>
</body>
</html>