zoukankan      html  css  js  c++  java
  • CSS继承、层叠和特殊性

    1.继承

    (1)样式应用于某个特定的HTML标签元素,而且应用于其后代。

    (2)但某些标签不适用,如border;

    (3)例子:p{color:red;}设置了颜色

    <p class="first">

     <p id="second">

    效果一样。

    2.特殊性

    (1)当标签匹配多个样式,浏览器根据权值来判断适用哪种CSS样式,权值高就使用哪种。

    (2)例子:

    p{color:red;}
    .first{color:green;}
    <p class="first">三年级时,我还是一个<span>胆小如鼠</span>的小女孩。</p>
    “胆小如鼠”显示的是绿色的字体。
    (3)规则:

    3.层叠

    (1)层叠就是在html文件中对于同一个元素可以有多个css样式存在,当有相同权重的样式存在时,会根据这些css样式的前后顺序来决定,处于最后面的css样式会被应用。

    (2)例子:

    p{color:red;}
    p{color:green;}
    <p class="first">三年级时,我还是一个<span>胆小如鼠</span>的小女孩。</p>
    (3)设置样式层次一致,最后文本显示绿色,后面覆盖了前面的。
    4.重要性
    (1)为某些样式设置最高权值,使用important解决。
    (2)语法:p{color:red!important;}
    (3)例子:
    p{color:red!important;}
    p{color:green;}
    <p class="first">三年级时,我还是一个<span>胆小如鼠</span>的小女孩。</p>
    (4)原来是绿色覆盖了红色,现在是红色覆盖了绿色,因为红色设置了最高权值。
     
  • 相关阅读:
    sql 大数据量 的分表操作
    NHibernate 2.0 配置
    NHibernate 之调用存储过程
    k-v-o 扫盲
    320学习笔记 2
    GCD之dispatch queue
    使用KVO体会
    timer,runloop,thread,task小总结
    Run Loop
    iPh oto的删除动画
  • 原文地址:https://www.cnblogs.com/carrier-sisi/p/7596074.html
Copyright © 2011-2022 走看看