美文网首页
css特指度

css特指度

作者: June_Done | 来源:发表于2018-03-29 17:26 被阅读0次

接下来是特指度。介个之前也是一知半解,仔细推敲下其实还挺好理解哒!

  • CSS 优先级和特指度
    1、ID 选择符 > 类选择符 > 元素选择符,特指度高的优先级高
    2、行内样式 > 内嵌样式 > 链接样式
    3、设定的样式 > 继承的样式

  • 特指度表示一个css选择器表达式的重要程度(也可看成是权重)
    特指度可以用一个公式 I-C-E 来计算,其中
    I 是 ID
    C 是 Class
    E 是 Element
    在css选择器,遇到一个id就往特指度数值中加100,遇到一个class就往特指度数值中加10,遇到一个element就往特指度数值中加1
  • 数值越大 优先级越高,设置的样式高于特指度的继承(在做练习的时候犯了没有精准定位的错误,导致优先级不管用,以后切记!@_@)
//样式
 <style type="text/css">

.box {
       height: 800px;     
       width: 800px;
        padding:20px;
        border: 17px ridge #28d94a;
        margin:50px 30 50 250 ;
            }
#div1{
       padding:20px;    
        border: 17px ridge #28d94a;
}
span{
         height: 100%;   //设置样式
         width: 100%;
            }
 </style>
  • 如下:
CSS选择器表达式 特指度计算结果
p 1
p.large 11
P#large 101
div p#large 102
div p#large ul.list 113
div p#large ul.list li 114

(原文参考 http://www.cnblogs.com/wangfupeng1988/p/4285251.html

相关文章

  • css特指度

    接下来是特指度。介个之前也是一知半解,仔细推敲下其实还挺好理解哒! CSS 优先级和特指度1、ID 选择符 > 类...

  • CSS选择器优先级

    特指度 特指度表示一个css表达式的重要程度,可以通过一个公式来计算出一个数值,数值越大,越重要。 这个计算叫做“...

  • 【CSS】样式的优先级(特指度)

    优先级的出现是为了解决CSS样式冲突的问题。 以下两种情况会导致样式冲突: 继承,从多个祖辈那里继承相同的属性。 ...

  • 样式选择符的优先级

    样式选择符的优先级也叫特指度,不同类型的选择符有不同的特指度。 特指度可以用四个部分的符号表示 0,0,0,0。其...

  • Tailwind Effects

    Tailwind特效 阴影shadow 不透明度opacity 阴影shadow 这里的阴影特指CSS3中新增的b...

  • 独一无二黑茶,找我,错不了

    安化,茶与北纬30度神秘文化带自然交集中,最绚烂夺目的明珠 北纬30度,特指地球上北纬三十度上下波动五度所覆盖的范...

  • “痴汉七部曲”,主线(1)——麦浚龙《耿耿于怀》

    题记 痴汉,释义:1、愚蠢之人;笨蛋。 2、谓真挚的人。3、特指日本色狼。——百度·百度百科 特声明:日更...

  • CSS总结

    CSS历史 CSS 2.1:流行度最广CSS 3:2011年Tip:前端开发从IE 8开始兼容:低于IE 8的,不...

  • 冒泡排序、插入排序、选择排序时间复杂度都是O(n2)

    原地排序(Sorted in place)。原地排序算法, 就是特指空间复杂度是O(1)的排序算法。我们今天讲的三...

  • 大数据里面B域,M域,O域具体是指什么

    转载百度: 特指电信行业大数据领域的三大数据域。 B域=business support system的数据域, ...

网友评论

      本文标题:css特指度

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