一、元素选择器
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
h1{
color:chartreuse;
}
</style>
</head>
<body>
<h1>我是一个标题</h1>
</body>
</html>
二、类选择器
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
.mycls{
color: aqua;
}
</style>
</head>
<body>
<h1 class="mycls">我是一个标题</h1>
</body>
</html>
三、id选择器
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
#myid{
color: honeydew;
}
</style>
</head>
<body>
<h1 id="myid">我是一个标题</h1>
</body>
</html>
四、优先级别:
id选择器>class选择器>元素选择器: