选择器
1.标签选择器
用标签名进行选择
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
p{
color:blue;
}
</style>
</head>
<body>
<p>用标签进行选择 </p>
<p>用标签进行选择 </p>
</body>
</html>
2.id选择器
用id进行选择
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
#p1{
color:blue;
}
#p2{
color:blue;
}
</style>
</head>
<body>
<p id=”p1”> 用id进行选择</p>
<p id=”p2”> 用id进行选择</p>
</body>
</html>
3.类选择器
用类名进行选择
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
.p1{
color:blue;
}
</style>
</head>
<body>
<p class=”p1”> 用类名进行选择</p>
<p class=”p1”> 用类名进行选择</p>
</body>
</html>