zoukankan      html  css  js  c++  java
  • CSS Inheritance

     

    HTML elements can inherit CSS styles from their parent elements. This is called CSS inheritance. Here is a CSS inheritance example:

    <div>
        <p>
            This text inherits the font-size of the parent div element.
        </p>
    </div>    
    <style>
        div {
            font-family: Aial;
        }
    </style>    
    

    In this example the div element has the font-family property set to Arial. This CSS property is inherited by the nested p element, so it will also have its CSS property font-family set to Arial.

    HTML elements can inherit styles from more remote ancestors too, and not just from their parents. Look at this example:

    <body>
        <div>
            <p>
                This text inherits the font-size of the parent div element.
            </p>
        </div>    
        <style>
            body {
                font-family: Aial;
            }
        </style>
    </body>    
    

    In this example the CSS property font-family is set on the body element. This CSS property is then inherited by the div and p elements.

    Not all styles are inherited from a parent or ancestor element. Generally, styles that apply to text are inherited, whereas borders, margins and paddings and similar styles are not.

  • 相关阅读:
    jQuery的基本使用、实践、效果、API
    关于Nginx那些事儿
    Linux下安装Nginx(保姆教程)
    jQuery的那些事儿
    k8s的应用回滚--record
    MySQL之PXC
    MySQL之高可用MHA
    MySQL之主从半同步复制
    MySQL之MyCat
    MySQL之主从复制
  • 原文地址:https://www.cnblogs.com/hephec/p/4563334.html
Copyright © 2011-2022 走看看