zoukankan      html  css  js  c++  java
  • CSS--基础结构层叠

    权值:通配符*的权值为0,标签和伪元素的权值为1,类选择符,属性选择器或伪类的权值为10,ID选择符的权值为100,内联样式最高为1000。还有一个权值比较特殊--继承也有权值但很低,有的文献提出它只有0.1有的认为没有权值,所以可以理解为继承的权值最低(大多数框架模型属性(包括外边距,内边距,背景和边框)都不能继承)。我们在做网页代码的时,有些特殊的情况需要为某些样式设置具有最高权值,可以使用!important来解决。

    p{color:red;} /*权值为1*/
    p span{color:green;} /*权值为1+1=2*/
    .warning{color:white;} /*权值为10*/
    p span.warning{color:purple;} /*权值为1+1+10=12*/
    #footer .note p{color:yellow;} /*权值为100+10+1=111*/

    我们在做网页代码的时,有些特殊的情况需要为某些样式设置具有最高权值,可以使用!important来解决。(!important要写在分号的前面)

    p{color:red!important;}
    p{color:green;}
    /*文本会显示红色*/

    权值相等的情况下:内联样式表(标签内部)> 嵌入样式表(当前文件中)> 外部样式表(外部文件中)。

  • 相关阅读:
    java自学
    java自学
    java自学
    java自学
    Interesting Finds: 2009 11.17 ~ 11.22
    Interesting Finds: 2009 10.09 ~10.13
    Interesting Finds: 2009 10.01 ~ 10.08
    Interesting Finds: 2009 10.14 ~ 10.21
    Interesting Finds: 2009 11.01 ~ 11.08
    Interesting Finds: 2009 10.25 ~ 10.31
  • 原文地址:https://www.cnblogs.com/yuxingyoucan/p/5348109.html
Copyright © 2011-2022 走看看