Collection
Collection
css几种选择器与优先级实践：
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>CSS常用选择器与优先级</title>
<style>
h3 {
background-color: antiquewhite;
color: azure;
}
/* 类选择器 用.表示*/
.bj {
background-color: blueviolet;
color: brown;
}
/* id选择器，用#号表示 */
#yellow {
background-color: black;
color: #000;
}
</style>
</head>
<body>
<h3>样式规则，选择器，声明，属性</h3>
<h3 class="bj">样式规则，选择器，声明，属性</h3>
<h3 class="bj" id="yellow">样式规则，选择器，声明，属性</h3>
<!-- 选择器层面:标签小于class，.小于id，style级别最高 -->
<!-- 内联样式style优先级大于id -->
</body>
</html>点击 "运行实例" 按钮查看在线实例
css选择器：标签直接调用，class，id，style等；其中class可用“.”表示,id的用“#”表示。
优先级：style最高，其次是id、class、标签。