zoukankan      html  css  js  c++  java
  • CSS关于选择器和继承的一些小问题:

    选择器的分组

    对选择器进行分组,这样在同一组的选择器就可以分享相同的声明。使用逗号将需要分组的选择器分开

            h1,h2,h3,h4,h5{ color:green;
                            font-family:"sans serif";
                           }
    

    继承的一些问题

    1、继承
    根据css子元素继承父元素属性,但它并不总是这样:

        body{
                font-family: Verdana,sans-serif;
            }
    

    根据以上代码,站点的body元素将使用Verdana字体
    CSS的子元素将继承最高元素所拥有的属性(上例子中为body元素),即所以body的子元素都应当显示Verdana字体,子元素的子元素也一样
    访问W3C 在以前浏览器在“大乱斗”的时候,这种规则没有得到统一,所以在一些老浏览器中未必可以实现
    2、如何摆脱继承
    在某些特殊的情况下,比如你不希望某个子元素继承父元素的某些属性,那么该如何摆脱 “血继限界” “刻在DNA里的” 父元素的属性呢?

        body{
                font-family:Verdana,sans-serif;
                font-size:12px;
                color:red;
             }
        td,ul,ol,li,dt,dd{
                font-samily:Verdana,sans-serif;
                font-size:20px;
                color:blue;
            }
        p{     /* 即为P单独开一个特殊的规则,就可摆脱 */
            font-family:Times,"Times New Roman",serif;
            font-size:10px;
         }
    

    所以我们可以看出,优先级是: 自己的>继承来的

  • 相关阅读:
    web前段知识
    如何查看服务器机型,如何查看软件的版本信息
    selenium server启动失败
    性能测试策略
    mysql_列出表中所有字段用逗号做分隔符
    复杂sql(1)
    orale建表查询
    javascript常用函数集
    orale用户角色管理
    数据流
  • 原文地址:https://www.cnblogs.com/kangna/p/11907938.html
Copyright © 2011-2022 走看看