CSS特性_css继承父级样式

作者：煮酒与君饮 | 2024-07-15 08:37:51

踩

css继承父级样式

1.继承性

特性：子元素有默认继承父元素样式的特点(子承父业)
可以继承的常见属性(文字控制属性都可以继承)
1. color
2. font-style、font-weight、font-size、font-family
3. text-indent、text-align
4. line-height
5. ......
注意点：
可以通过调试工具判断样式是否可以继承


<style>
        /* 控制文字的属性都能继承，不是控制文字的都不能继承 */
        div {
            color: pink;
            font-size: 30px;
            height: 300px;
        }
    </style>
</head>
 
<body>
    <div>
        这是div标签里面的文字
        <p>这是div里面的span</p>
    </div>
</body>

1.1 继承失效的特殊情况

如果元素有浏览器默认样式，此时继承性依然存在，但是不会继承
1. a标签的color会继承失效
2. h系列标签的font-size会继承失效

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/煮酒与君饮/article/detail/828498