码迷,mamicode.com
首页 > Web开发 > 详细

css定义的权重

时间:2016-07-24 12:01:17      阅读:215      评论:0      收藏:0      [点我收藏+]

标签:


        以下是权重的规则:标签的权重为1,class的权重为10,id的权重为100,以下例子是演示各种定义的权重值:

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

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

css定义的权重

标签:

原文地址:http://www.cnblogs.com/liucanhao/p/5700299.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!