1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <style type="text/css"> 7 /* .father{ 8 color:pink; 9 font: italic 700 40px 微软雅黑; 10 } */ 11 12 .box{ 13 font-size:30px; 14 color:red; 15 } 16 </style> 17 </head> 18 <body> 19 <!-- <div class="father"> 20 <p>视频播放</p> 21 </div> --> 22 23 <!-- <div class="box"> 24 <h1>继承</h1> 25 <p>前提</p> 26 </div> --> 27 28 <div class="box"> 29 <a href="#">包含</a> 30 </div> 31 </body> 32 </html>
继承性：
继承性发生的前提是包含或者嵌套关系
☆文字颜色可以继承
☆文字大小可以继承
☆字体可以继承
☆字体粗细可以继承
☆文字风格可以继承
☆行高可以继承
总结：文字的所有属性都有可以继承
◆特殊情况：
h1~h6不能继承文字大小
a标签不能继承文字颜色