📢📢📢📣📣📣
哈喽！大家好，我是「奇点」，江湖人称 singularity。刚工作几年，想和大家一同进步🤝🤝
一位上进心十足的【Java ToB端大厂领域博主】！😜😜😜
喜欢java和python，平时比较懒，能用程序解决的坚决不手动解决😜😜😜✨ 如果有对【java】感兴趣的【小可爱】，欢迎关注我
❤️❤️❤️感谢各位大可爱小可爱！❤️❤️❤️
————————————————如果觉得本文对你有帮助，欢迎点赞，欢迎关注我，如果有补充欢迎评论交流，我将努力创作更多更好的文章。
👩🏫：上节课我们学习了css中的层叠和选择器的优先级问题，这部分比较简单，就不进行回顾了，不懂的同学或者遇到这个问题的时候，可以翻阅我的第5篇文章，今天我们讲 的内容同样很简单，今天讲的是css中常见的可继承的属性。
属性的继承
👩🏫：说到继承，我们大家都不是很陌生，很多语言，尤其是面向对象的语言都会有继承这个概念，当我们的子类继承父类的时候，子类就能获取到父类的属性和功能。这样的话我们就能将一些公共的代码（样式）写到父类当中了，子类直接继承这样就能获取到父类的属性了，简化了我们的开发，少些重复代码，便于我们的代码维护。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<style>
/* 通配，相当于所有的父类 */
* {
color: red;
}
.box {
color: blue;
}
</style>
<body>
<div class="box">前端
<div>html</div>
<div>css</div>
</div>
<div>后端</div>
<div>测试</div>
</body>
</html>
这里并没有继承下这个前端的属性蓝色，而是使用的通配选择器的属性。现在我们将同胚选择器的属性注释掉，看看现在子类元素能不能继承父元素的属性
<style>
/* 通配，相当于所有的父类 */
/* * {
color: red;
} */
.box {
color: blue;
}
</style>
<body>
<div class="box">前端
<div>html</div>
<div>css</div>
</div>
<div>后端</div>
<div>测试</div>
</body>
👩🎓：老师，果然子类现在已经继承到父类元素的属性了。
👨🎓：那么什么属性能够从父级继承下来呢？
👩🏫：也不是所有的属性都是能从父类继承下来的，一般来讲文字的属性都是能继承过来的，例如字体、字号、缩进text-indent、对齐text-align、行高line-height等。总体来说属性一般都能继承的。
今天的内容就将到这里，下节课我们来系统的说一下布局的定位。欢迎大家提前预习
1147
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
