精华内容
下载资源
问答
  • CSS 权重值

    2013-12-05 12:51:00
    计算权重值判断哪种样式优先...关于Web浏览器如何计算权重值,请登录网站:http://www.w3.org/TR/CSS21/cascade.html#specificity了解 注:伪元素(pseudo-element)(如::first-child)通常被当作标签选择器,值...

    计算权重值判断哪种样式优先应用

    • 一个标签选择器值1分
    • 一个类选择器值10分
    • 一个ID选择器值100分
    • 一个内建样式值1000分

    关于Web浏览器如何计算权重值,请登录网站:http://www.w3.org/TR/CSS21/cascade.html#specificity 了解

    注:伪元素(pseudo-element)(如::first-child)通常被当作标签选择器,值1分。伪类(pseudo-element)(如:hover)则被当作类,值10分。

    权重值相同时,最后一个样式优先.

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
            <title>specifity</title>
        <style type="text/css">
        p.email {
            color: green;
            font-size: 18px;
        }
        .byline a {
            color: red;
            font-size: 18px;
        }
        </style>
        </head>
        <body>
        <p class="byline">
            Written by<a class="email" href="mailto:jean@cosmofarmer.com">Jean Graine de Pomme</a>
        </p>
        </body>
    </html>

    上例中的两个样式权重值都为11,(一个类选择器值10分,一个标签选择器值1分),且两者都应用于a标签浏览器优先选择的是最后一个样式,所以链接文字显示为红色,如果将两个样式的位置调换,会得到不同的效果,链接将会显示为绿色。

           p .email {
            color: green;
            font-size: 18px;
        }
        .byline a {
            color: red;
            font-size: 18px;
        }

     

     

     

     

    转载于:https://www.cnblogs.com/germaine/p/3456903.html

    展开全文
  • 选择器权重值的计算

    2020-09-10 15:47:38
    选择器权重值的计算 规则 1、行内样式优先级specificity值为1,0,0,0 高于外部定义 如<div style="height:50px; width:50px;">Div</div>//行内样式 外部定义指经由或2、按CSS代码中出现的顺序决定,后者...

    选择器权重值的计算

    规则

    1、行内样式优先级specificity值为1,0,0,0 高于外部定义

    <div style="height:50px; width:50px;">Div</div>//行内样式

    外部定义指经由或

    2、按CSS代码中出现的顺序决定,后者CSS样式居上;

    3、!important声明specificity值优先级最高
    !important 会无视一切,包括上面的计算方法。

        在属性后面使用 !important 会覆盖页面内任何位置定义的元素样式
    

    4、由继续而得到的样式没有specificity的计算,它低于一切其他规则(比如全局选择符*定义规则)

    算法:

    当遇到多个选择符同时出现时候,按选择符得到的Specificity值逐位相加。{数位之间没有进制 比如说: 0,0,0,5 + 0,0,0,5 =0,0,0,10 而不是 0,0, 1, 0}就得到最终计算得的specificity, 然后在比较取舍时按照从左到右的顺序逐位比较

    • 1个元素{ div},Specificity值为0,0,0,1
    • 3个元素{ body div p },Specificity值为0,0,0,3
    • 1个元素{ div },Specificity值为0,0,0,1 。
    • 1个类选择符{.ni},Specificity值为0,0,1, 0 。
     .ni{
                color: red;
            }
    

    1个元素{ div },Specificity值为0,0,0,1 。
    1个类选择符{.ni},Specificity值为0,1,0, 0 。
    最终:Specificity值为 0,1,0,1

    div .ni{
                color: pink;
            }
    

    6个元素{ html body div ul li p} Specificity值为0,0,0,6 。
    1个属性选择符{ [id=”totals”] } Specificity值为0,0,1,0 。
    2个其他选择符{ > > } Specificity值为0,0,0,0 。
    最终:Specificity值为 0,0,1,6

    html > body div [id=”totals”] ul li > p {color:red;}
    
    展开全文
  • css权重值(重叠性)实例 权重值的计算 !important 提升权重值实例 什么情况下可以使用!important ? 总结 css权重值(重叠性)实例 css中有很多选择器,那在多个选择器都作用于同一个元素的情况下会出现什么...

    css权重值(重叠性)实例

    • css中有很多选择器,那在多个选择器都作用于同一个元素的情况下会出现什么效果呢? 代码
    <!DOCTYPE html>
    <html lang="en">
      <head>
        <meta charset="utf-8">
        <title></title>
        <style type="text/css">
          p{
            color:red;
            font-size: 10px;
          }
          #wrap{
            color: deeppink;
            font-size: 30px;
          }
          .box{
            color:yellow;
            font-size: 50px;
          }
        </style>
      </head>
      <body>
        <p class='box' id="wrap">
           猜猜我是什么颜色
        </p>
      </body>
    </html>
    • 执行可结果
      1644071-20190610222935649-356106633.png

    • 小结 : 出现这种效果是因为浏览器是根据权重值来判断使用哪种css样式的,权重值高的它的优先级会越高,就会呈现那种css样式,id选择器的权重值为100>类选择器10>标签选择器1,所以最终结果为id选择器设置的样式

    • 示列二 代码

    !DOCTYPE html>
    <html lang="en">
      <head>
        <meta charset="utf-8">
        <title></title>
        <style type="text/css">
          *{
              color: cyan;
          }
          div {
              color: yellow;
          }
        </style>
      </head>
      <body>
        <div>
            <p class='box' id="wrap">
            猜猜我是什么颜色
            </p>
        </div>
      </body>
    </html>
    • 执行结果

    1644071-20190610223003058-1330385223.png

    • 小结 : 继承元素是没有权重值的,所以最终结果为通用选择器设置的样式

    • 实例三 代码

    <!DOCTYPE html>
    <html lang="en">
      <head>
        <meta charset="utf-8">
        <title></title>
        <style type="text/css">
          p{
              color: yellow;
          }
          *{
              color: cyan;
          }
        </style>
      </head>
      <body>
        <div>
            <p class='box' id="wrap">
            猜猜我是什么颜色
            </p>
        </div>
      </body>
    </html>
    • 执行结果
      1644071-20190610223025894-656190319.png

    • 小结 : 标签选择器的权重值是1,但是仍然大于通用选择器,所以最终结果为标签选择器设置的样式
    • 实例四 代码

    <!DOCTYPE html>
    <html lang="en">
      <head>
        <meta charset="utf-8">
        <title></title>
        <style type="text/css">
          div p{
              color: yellow;
          }
          div>p{
              color: cyan;
          }
          p{
              color: red;
          }
        </style>
      </head>
      <body>
        <div>
            <p class='box' id="wrap">
            猜猜我是什么颜色
            </p>
        </div>
      </body>
    </html>
    • 执行结果

    1644071-20190610223055583-962910400.png

    • 实例五 代码
    <!DOCTYPE html>
    <html lang="en">
      <head>
        <meta charset="utf-8">
        <title></title>
        <style type="text/css">
          div>p{
              color: cyan;
          }
          div p{
              color: yellow;
          }
          p{
              color: red;
          }
        </style>
      </head>
      <body>
        <div>
            <p class='box' id="wrap">
            猜猜我是什么颜色
            </p>
        </div>
      </body>
    </html>
    • 执行结果
      1644071-20190610223110926-1125613938.png

    权重值的计算

    <!--有一个这样的结构:-->
    <div class='wrap1' id='box1'>
        <div class="wrap2" id="box2">
            <p class='active'>GGG</p>
        </div>
    </div>
    
    <!--举几个例子看看他们的权重值:-->
    p{color:gray;}                          <!--权值为1-->
    div div p{color:yellow;}                  <!--权值为1+1+1=3-->
    .active{color:red;}                       <!--权值10-->
    div .active{color:black;}                <!--权值为11-->
    div div .active{color:blue;}             <!--权值为12-->
    .wrap #box2 .active{color:purple;}        <!--权值为120-->
    #box1 #box2 .active{color:green;}        <!--权值为210-->
    
    <!--由此可以看出,其实对于权重值的计算来说,首先它是不进位的,对于使用的选择器我们无非就是在数数,数选择器的数量(按照顺序来,先是id再是class,再是元素),比如:-->
    #box1 .wrap2 div{ color:red; } <!--权值为 1  1  1-->
    
    注意:继承来的属性也有权重值,不过它的权值非常低,可以理解为继承的权重值最低。

    !important 提升权重值实例

    <!--我们在做网页代码时,有些特殊的情况需要为某些样式设置具有最高权重值,怎么办?比如我们知道内联样式的权重值是1000,比较大,那么我们可以使用!important来解决。-->   
    <!DOCTYPE html>
    <html lang="en">
        <head>
            <meta charset="UTF-8">
            <title>!important的使用</title>
            <style type="text/css">
                div{
                    color:green !important;
                }
            </style>
        </head>
        <body>
            <div id="box" style="color:red;">
                <span>猜猜我是什么颜色</span>
            </div>
        </body>
    </html>
    • 执行结果

    1644071-20190610223134270-1652671258.png

    • 小结: 使用!important是一个坏习惯,应该尽量避免,因为这严重破坏了样式表中固有的权重值比较规则,使得在调试bug变得更加困难。当两条相互冲突的带有!important规则作用与同一个标签,那么拥有最大优先级的将会被采用。

    什么情况下可以使用!important ?

    • 第一种

      • 你的网站上有一个设计了全站样式的css文件
      • 同时你或者你的小伙伴写了一些很差的内联样式
    • 第二种

      box p { color: blue; } p.awesome { color: red; }

      怎样才能使得文本的颜色变为红色?这种情况下,如果不适用!important.第一条规则永远大于第二条的规则。

    总结

    1644071-20190724213402240-244306169.png

    欢迎评论点赞交流,转发请添加原博客连接谢谢!

    作 者:郭楷丰
    声援博主:如果您觉得文章对您有帮助,可以点击文章右下角 推荐一下。您的鼓励是博主的最大动力!
    自 勉:生活,需要追求;梦想,需要坚持;生命,需要珍惜;但人生的路上,更需要坚强。带着感恩的心启程,学会爱,爱父母,爱自己,爱朋友,爱他人。

    转载于:https://www.cnblogs.com/guokaifeng/p/11000871.html

    展开全文
  • CSS样式层叠权重值

    2016-05-10 10:23:47
    根据CSS规范,具体性越明确的样式规则,权重值越高。计算权重值的依据,并不是许多文章所描述的那样“class是10,标签是1,ID是100”之类——虽然...选择器权重值的计算 A:如果规则是写在标签的style属性中(内联样

    根据CSS规范,具体性越明确的样式规则,权重值越高。计算权重值的依据,并不是许多文章所描述的那样“class是10,标签是1,ID是100”之类——虽然这样在大多数情况下能够得到正确的结果。

    首先来看一个便于记忆的顺序”important>内联 >ID>类 >标签 |伪类|属性选择 >伪对象 >继承 >通配符

    选择器权重值的计算

    A:如果规则是写在标签的style属性中(内联样式),则A=1,否则,A=0. 对于内联样式,由于没有选择器,所以B、C、D的值都为0,即A=1, B=0, C=0, D=0(简写为1,0,0,0,下同)。

    B:计算该选择器中ID的数量。如果有则B=1,没有B=0(例如,#header 这样的选择器,计算为0, 1, 0, 0)。

    C:计算该选择器中伪类及其它属性的数量(包括class、属性选择器等,不包括伪元素)。(例如, .logo[id='site-logo'] 这样的选择器,计算为0, 0, 2, 0)(后面将进一解释为什么会是0,0,2,0)。

    D:计算该选择器中伪元素及标签的数量。(例如,p:first-letter 这样的选择器,计算为0, 0, 0, 2)。

    CSS2规范中给出的一些例子:

    • *             {}  /* a=0 b=0 c=0 d=0 -> specificity = 0,0,0,0 */
    • li            {}  /* a=0 b=0 c=0 d=1 -> specificity = 0,0,0,1 */
    • li:first-line {}  /* a=0 b=0 c=0 d=2 -> specificity = 0,0,0,2 */
    • ul li         {}  /* a=0 b=0 c=0 d=2 -> specificity = 0,0,0,2 */
    • ul ol+li      {}  /* a=0 b=0 c=0 d=3 -> specificity = 0,0,0,3 */
    • h1 + *[rel=up]{}  /* a=0 b=0 c=1 d=1 -> specificity = 0,0,1,1 */
    • ul ol li.red  {}  /* a=0 b=0 c=1 d=3 -> specificity = 0,0,1,3 */
    • li.red.level  {}  /* a=0 b=0 c=2 d=1 -> specificity = 0,0,2,1 */
    • #x34y         {}  /* a=0 b=1 c=0 d=0 -> specificity = 0,1,0,0 */
    • style=”"          /* a=1 b=0 c=0 d=0 -> specificity = 1,0,0,0 */

    这种说法是错误的:

    根据这样的定义,所以很多文章简单地把规则归纳为:内联样式的权重值是1000,ID选择器的权重值是100,class选择器的权重值是10,标签选择器的权重值是1. 整条规则中的所有选择器权重值相加得到整个样式规则的权重值,数字越大权重值越高。

    大多数情况下,按照这样的理解得出的结论没有问题,但是遇到下面这样的情况就出现问题了:

    样式一:body header div nav ul li div p a span em {color: red}

    样式二:.count {color: blue}

    按照错误的计算方法,样式一的权重值是11,样式二的权重值是10,如果这两条规则用于同一个元素,则该元素应该是红色。实际结果却是蓝色。

    权重值的比较

    按照四组计算的正确方法,上面例子中的样式一权重值应该是0, 0, 0, 11,样式二的权重值是0, 0, 1, 0。

    根据规范,计算权重值时,A,B,C,D四组值,从左到右,分组比较,如果A相同,比较B,如果B相同,比较C,如果C相同,比较D,如果D相同,后定义的优先。

    样式二和样式一的A、B相同,而样式二的C大于样式一,所以,不管D的值如何,样式二权重值都大于样式一。这就是正确的答案。

    特殊的 !important

    在按照ABCD四组计算比较之外,在定义样式的时候,还可以对某一个属性应用 !important。对于一直从事编程而没做过重构的人,需要特别注意的是这里的“!”与其在编程语言中的意义刚好相反,不是代表“不重要”而是代表“很重要”。

    CSS2规范中规定:!important 用于单独指定某条样式中的单个属性。对于被指定的属性,有 !important 指定的权重值大于所有未用 !important 指定的规则。

    例如:

    样式一: #header nav ul li.current {color: red; font-weight: bold;}

    样式二: li:hover {color: blue !important; font-weight: normal;}

    就整条规则而言,样式一的权重值为 0, 1, 1, 3,而样式二的权重值仅为0, 0, 2, 0。所以应用于相同元素时,应该样式一生效。但是对于color这个属性,由于在样式二中用 !important 做了指定,因此color将应用样式二的规则。而font-weight则按照规定用样式一的规则。

    如果多条规则中都对同一个属性指定了 !important 呢?这时候 !important 的作用相互抵销,依然按照ABCD四组计算比较。

    因此 !important 的作用只有在具有唯一性时才能提现,但是我们永远无法预料自己什么时候又需要覆盖一个已经指定了 !important 的属性,所以最好的办法就是:不要使用 !important。

    展开全文
  • 原有的手动搭建的神经网络,无法保存训练后的权重值,导致每次运行的时候都要重新训练一次,要耗费很多时间,那怎么样来保存训练后的权重呢? 数据的保存最好的方法就是写入到文件中去,我的方法就是在神经网络训练...
  • 在淘宝的隐形规则中,店铺的商品如果被收藏加购物车是可以给店铺带来额外销量的,淘宝官方会系统默认该用户对此产品有购买需求,所以会增加权重值,即有些商家也会设置收藏加购的活动,最近有些淘宝商家想知道淘宝...
  • oom_adj :oom_adj(即权重值)的值用来标记进程的重要程度,值越小,越重要 1.查看当前在运行的进程 ps 命令 基于api 21 USER PID PPID VSIZE RSS WCHAN PC NAME root 1 0 2936 548 c02cb2ef 0806b8f0 ...
  • css权重值

    2017-08-30 22:36:10
    CSS权重指的是样式的优先级,有两条或多条样式作用于一个元素,权重高的那条样式对元素起作用,权重相同的,后写的样式会覆盖前面写的样式。 权重的等级 可以把样式的应用方式分为几个等级,按照等级来计算权重 ...
  • 很多网站不仅将自己的品牌词指数刷的很高,甚至会将长尾词也刷上去,这种手法比较简单,没有什么太多的技巧性,花钱使用刷指数的工具就可以实现,很容提升网站权重值。  2、收集大量低指数关键词  需要注意的是,...
  •  百度权重是每一位站长所追求的目的,那么,百度权重值是什么意思?通过这篇文章来大家解释一下,何为百度权重。  下面是站长工具百度权重工具给出的非官方解释:  可是百度站长官方却是这么说的:世上本没有百度...
  • CSS选择器权重值的计算

    千次阅读 2012-05-18 11:08:13
    选择器权重值的计算;  A:如果规则是写在标签的style属性中(内联样式),则A=1,否则,A=0. 对于内联样式,由于没有选择器,所以B、C、D的值都为0,即A=1, B=0, C=0, D=0(简写为1,0,0,0,下同)。  B:...
  • •css中有很多选择器,那在多个选择器都作用于同一个元素的情况下会出现什么效果呢? 代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>... }
  • 权重值-字符串-10春机考-专题讲解

    千次阅读 2013-09-09 14:50:51
    权重值-字符串-10春机考-专题讲解 1、计算字符串s中每个字符的权重值,所谓权重值就是字符在字符串中的位置值与该字符 的ASCII码值的乘积。位置值从1开始依次递增。将每个字符的权重值以格式“%d”写入到 指定...
  • show traffic-shape queue,buffer WFQ队列中与IPP对应的权重值
  • <div><p>根据权重随机出现可能性,这样可以根据不同的预期压力做设置。</p><p>该提问来源于开源项目:dotnetcore/FreeSql</p></div>
  • css选择器的权重值

    2020-03-17 09:25:00
    important > 行间样式 > id > class|属性|伪类 > 标签选择器|伪元素 > 通配符 选择器 权重值 !important Infinity 行间样式 1000 id 100 class, 属性, 伪类 10 标签, 伪元素 1 通配符 0 注意:这里的权重值并不是用...
  • 数据来源: 目录 数据来源:
  • 样式二和样式一的A、B相同,而样式二的C大于样式一,所以,不管D的值如何,样式二权重值都大于样式一。这就是正确的答案。 特殊的 !important 在按照ABCD四组计算比较之外,在定义样式的时候,还可以对某一个...
  • 1.通过命令ceph -s 或者ceph health检查ceph 状态,有osd near full cluster bef6d01c-631b-4355-94fe-77d4eb1a6322 health HEALTH_WARN 4 near full osd(s) 2.ceph health detail 查看具体near full 的osd ...
  • 伪类 :hover 当鼠标悬浮在元素上方时,向元素添加样式 :active 向被...选择器权重进制: 256 伪类选择器和属性选择器的权重相当于类选择器的权重,级为2级。 伪元素选择器的权重相当于元素选择器的权重,级为1级。
  • xgboost输出特征重要性排名和权重值

    万次阅读 热门讨论 2018-07-29 20:18:48
    在机器学习实践中,我们要经常用到xgboost框架去...print '特征排名', '特征名称', '特征权重值' for line in importance: print index, fmap_dict[str(line[0])[1:]], line[1] index += 1        
  • 选择器权重值 内联样式:如:style=” “,权重值为1000。 ID选择器,如:#content,权值为0100。 类,伪类和属性选择器,如.content,权值为0010。 类型选择器和伪元素选择器,如div p,权值为0001。 通配符、子...
  • 比如一个两层卷积的网络,我想在每次训练的时候输出第一层卷积的权重值矩阵的数值,来观察随着训练的进行权重值如何更新。请问代码如何实现?
  • CSS中选择器的权重值

    2018-01-22 13:13:33
    CSS 具有自己的优先级计算方法,而不仅仅是行间>内部>外部、ID>class>元素 1. 样式类型 行间样式 <h1 style="font-size:12px;color:#000;">我的行间CSS样式。</h1> ......
  • 2、在开展sitmap建成的情况下在超链接叙述中应当添加站点的关键词,那样引擎搜索在开展检索的情况下便会了解这一超链接到底说的是啥,随后开展分辨,还能提高seo关键词的权重值。可是必须留意不可以发生关键词对题...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,013
精华内容 405
关键字:

权重值