我是表哥Harker,表妹我来咯~
今天讲解CSS的三大特性:层叠性、继承性、优先级。 掌握本篇知识你将能看懂其他开发人员50%的代码啦,每一次小小的提升都是在将成就表妹们。加油!
1、层叠性
- 相同选择器给设置相同的样式,此时一个样式就会覆盖(层叠)另一个冲突的样式。层叠性主要解决样式冲突的问题
层叠性原则:
- 样式冲突,遵循的原则是就近原则,哪个样式离结构近,就执行哪个样式
- 样式不冲突,不会层叠
- CSS 层叠性口诀:长江后浪推前浪,前浪死在沙滩上
小课堂练习开始啦:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name&