CSS三大特性之继承性

时间2024-05-25 04:04:03发布访客分类CSS浏览97

导读：定义：给父元素设置一些属性，子元素也可以使用例如：谷歌开发者工具也可以给出验证，p标签继承了div标签的属性 div{ color: red; } 我是用来测试div工具的 3.注意：（1）并不是所有的属性都...

定义：给父元素设置一些属性，子元素也可以使用

例如：谷歌开发者工具也可以给出验证，p标签继承了div标签的属性

  div{
     color: red;

 }
 我是用来测试div工具的

3.注意：

（1）并不是所有的属性都是可以继承的，只有以color/font-/text-/line开头的属性才可以继承

如例子中所示，这一属性是灰色的，代表属性并非继承来的

（2）在CSS的继承中不仅仅是儿子可以继承，只要是后代都可以继承

div{
    
 color: red;
     font-size: 50px;
     background: skyblue;
 }
 .......省略代码..........    我是多层次的

（3）CSS继承性的特殊性

i.a标签的文字颜色和下划线是不能继承的

ii.h标签的文字大小是不能继承的

 div{
    
 color: red;
     text-decoration: none;
     font-size: 30px;
 }
     ......省略代码........ 测试a标签 我是用来测试h标签的

解释：a标签颜色不是红的而且带下划线，h标签的字体大小也不是我们设置的

4.作用：用来设置网页上的共性的格式，简约代码。

点击【右上角，关注子瑜说IT 】持续更新IT资讯以及web前端开发教学

8年开发老码农福利赠送：网页制作，网站开发，web前端开发，从最零基础开始的的HTML+CSS+JavaScript。jQuery，Ajax，node，angular框架等到移动端小程序项目实战【视频＋工具＋系统路线图】都有整理，送给每一位对编程感兴趣的小伙伴

获取方式：

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！