属性继承~(总结类、持续更新系列)
程序员文章站
2022-04-20 19:23:39
属性继承 有时候你会发现给一个元素设置一些样式后,它的后代也跟着发生变化,这种扯淡的行为我们叫做属性继承。 那么问题来了,哪些属性可以继承,哪些又不可以呢? 可以继承的属性:1.color字体颜色(a除外,a是特殊的,要改变a里面的颜色,必须直接给a设置,给a的父级设置不行); 2.font系列,例 ......
属性继承
有时候你会发现给一个元素设置一些样式后,它的后代也跟着发生变化,这种扯淡的行为我们叫做属性继承。
那么问题来了,哪些属性可以继承,哪些又不可以呢?
可以继承的属性:1.color字体颜色(a除外,a是特殊的,要改变a里面的颜色,必须直接给a设置,给a的父级设置不行);
2.font系列,例如:font-size、font-style、font-family、font-weight 等;
3.文本系列,text-indent、text-align、line-height 等;
4.光标属性:cursor 它的值有:pointer 抓手、wait help 指针;
不可以继承的属性:1.display;
2.文本属性:vertical-align、text-decoration 等;
3.盒子模型的属性:margin、padding、width、height、border 等;
4.背景属性:background、background-color、background-image、background-repeat、background-position 等;
5.定位属性:position、float、overflow、z-index 等;