吾爱破解 - 52pojie.cn

 找回密码
 注册[Register]

QQ登录

只需一步,快速开始

查看: 3381|回复: 8
收起左侧

[其他转载] 针对css的权重规则

[复制链接]
21K韶华 发表于 2017-3-7 16:01

      以下是权重的规则:标签的权重为1,class的权重为10,id的权重为100,以下例子是演示各种定义的权重值:
      相同div的情况下,div的会采用权重高的样式;
      20170306091706.png

      比如图中的,同一个div,这里用了class类以及id属性,class设置背景颜色为红色,id设置背景颜色为黑色,输出结果采用了id的背景颜色,由此可见id的大于css的权重

     举例:
      /*权重为1*/
     div{}
     /*权重为10*/
    .class1{}
     /*权重为100*/
    #id1{}
    /*权重为100+1=101*/
    #id1 div{}
   /*权重为10+1=11*/
    .class1 div{}
   /*权重为10+10+1=21*/
  .class1 .class2 div{}

如果权重相同,则最后定义的样式会起作用,但是应该避免这种情况出现。

免费评分

参与人数 2热心值 +2 收起 理由
夜泉 + 1 下面的,你好像理解错了
小生爱吃醋 + 1 太麻烦了···这么和你说吧,内嵌式的权重最高,其次是模组块,最后是外链.

查看全部评分

发帖前要善用论坛搜索功能,那里可能会有你要找的答案或者已经有人发布过相同内容了,请勿重复发帖。

m0216 发表于 2017-3-7 16:10
这个不懂啊    帮你顶一下
viptech 发表于 2017-3-7 17:02
Only~唯恋 发表于 2017-3-7 17:06
这叫什么来着 忘记了   规则就是  行内样式>内联>外联
桥段 发表于 2017-3-7 21:42 来自手机
刚刚学CSS,不太懂
书中妍如钰 发表于 2017-3-8 13:57
总结的不错,另外你们别觉得学过了就了不起,知道是一回事,使用时会不会注意又是一回事了
baldyellow 发表于 2017-3-13 10:08
严格来说 这是错的
诡诈的魔术师 发表于 2017-3-13 18:47
baldyellow 发表于 2017-3-13 10:08
严格来说 这是错的

0.0求教为啥是错的。。【本人萌新一只。。。QAQ】
baldyellow 发表于 2017-3-13 20:21
本帖最后由 baldyellow 于 2017-3-13 20:25 编辑
诡诈的魔术师 发表于 2017-3-13 18:47
0.0求教为啥是错的。。【本人萌新一只。。。QAQ】

按照这样的加法 11个class等于110是不是大于1个id的100呢

可实际上很多较老浏览器是257个class才大于1个id
您需要登录后才可以回帖 登录 | 注册[Register]

本版积分规则

返回列表

RSS订阅|小黑屋|处罚记录|联系我们|吾爱破解 - LCG - LSG ( 京ICP备16042023号 | 京公网安备 11010502030087号 )

GMT+8, 2024-11-27 03:43

Powered by Discuz!

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表