美文网首页
CSS 分组与继承

CSS 分组与继承

作者: Jay_ZJ | 来源:发表于2019-06-01 00:31 被阅读0次

    选择器分组

    分组的选择器就可以分享相同的声明:

    p, span, h1 {
      color: red;
    }
    

    p, span, h1 元素都成红色

    继承

    子承父业

    body {
      font-family: 'Microsoft Yahei';
    }
    

    子若无为,当传递香火

    继承问题

    这个涉及到浏览器差异了,Netscape 4 就不支持继承

    处理继承问题

    "Be Kind to Netscape 4" 的冗余法则

    body  {
         font-family: Verdana, sans-serif;
     }
    
    p, td, ul, ol, li, dl, dt, dd  {
         font-family: Verdana, sans-serif;
     }
    

    离家出走(摆脱继承)

    对这样的孩子,他们自己打拼,创造价值:
    p {
    font-family: sans-serif;
    }

    相关文章

      网友评论

          本文标题:CSS 分组与继承

          本文链接:https://www.haomeiwen.com/subject/fgnntctx.html