css第二天
01 样式层叠
<style>
div {
color :red;
font-size:20px;
}
div{
color:blue;
}
</style>
</head>
<body>
<div>王可可 是一条狗</div>
1.样式冲突，遵循的原则就是就近原则，哪个样式离着结构近，就执行哪个样式
2.样式不冲突，就不会层叠
</body>
</html>
02样式继承
<style>
div {
color: pink;
font-size: 20px;
}
</style>
</head>
<body>
<div>
<p>
王思聪
</p>
</div>
</body>
03 优先级（1）
<style>
/* 0,0,0,0 特殊样式 */
div {
/* 标签选择器 0，0，0，1*/
color: pink;
}
:first-child { /* 伪类选择器 0,0,1,0*/
color: green;
}
.king { /* 类选择器 0，0，1，0*/
color: blue;
}
#wang { /* id选择器 0，1，0，0*/
color:red;
}
/* 最大的不是选择器 */
div {
color:orange!important; /* important 就是最重要的，一旦出现悠闲执行*/
}
</style>
</head>
<body>
<div id="wang" class="king" style="color:skyblue">
王者农药
</div>
</body>
</html>
