zoukankan      html  css  js  c++  java
  • css继承

    property: inherit;

      inherit关键字代表“使用指定给父元素的所有值”。如果父元素中没有明确的值定义,浏览器搜寻DOM树直到找到相应的属性。最终无法找到的话,它会使用浏览器的默认值,例如:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    #myparent
    {
        margin: 10px;
        border: 1px solid #000;
    }
     
    /* use the same border as the parent */
    #myparent p
    {
        border: inherit;
    }

      在实践中是很少有必要使用inherit的。许多有用的属性自动继承,例如字体,字体大小,颜色,等等。

      inheritis可以放心地使用。尽管IE6和IE7不支持,但你的设计不会因为这个而被破坏。

     property: initial;

      哦,一个新的CSS3关键词!initial设置一个属性为它的初始值——浏览器的默认定义值,例如:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    body
    {
        font-size: 0.5em;
    }
     
    /* reset paragraphs to 1em */
    p
    {
        font-size: initial;
    }

      它有用么?可能吧,毕竟你不能确保所有浏览器有相同的默认值。

      支持合理——Chrome,Firefox,Safari和Opera 15 +。IE下它不生效,而且我正在努力思考什么情况下这将是一个灾难性问题。

     property: unset;

      这是稍微不寻常的一个。unset使用时,它表现地就像有可继承值存在时继承了一样。如果它找不到可继承的值——比如,它是像box-shadow等不可继承的属性——它表现地好像继承了浏览器的默认值。

      话又说回来,我想不出太多使用unset的场景,目前对支持它的很少。

     all: [ inherit | initial | unset ];

      最后,all是一个属性而不是一个值。你可以指定inherit、initial或者unset来影响所有的属性,例如重置所有CSS属性为浏览器默认:

    1
    2
    3
    4
    #mywidget
    {
        all: initial;
    }

      如果你添加了第三方控件且要避免页面样式冲突的话,这可能是一个可选的全局CSS域。

  • 相关阅读:
    mdx中nonempty 和 non empty的区别
    shrink log和查询数据库 backup,restore,shrink 进度 和 还原历史 的sql (for sqlserver)re
    方差分析 概述
    从 高斯 到 正态分布 到 Z分布 到 t分布
    数据集市 数据仓库 Immon Kimball模型的概念说明
    【React Native 实战】微信登录
    【React Native 实战】商品分类
    一步步学习PHP笔记(李炎恢瓢城web俱乐部-多用户留言系统)01
    wampserver下打开phpMyAdmin出现403错误的问题解决方法
    windows 支持curl命令
  • 原文地址:https://www.cnblogs.com/lccnblog/p/3402301.html
Copyright © 2011-2022 走看看