美文网首页
简述CSS部分基础选择器及权重

简述CSS部分基础选择器及权重

作者: 0silversky0 | 来源:发表于2018-09-02 23:38 被阅读0次

    1、行间样式

    <div style="

    width:100px;

    height:100px

    backgroud-color:black;

    "></div>

    2、ID选择器

    <div id="ex">ID</div>

    css文件里:

    #ex{

    width:100px;

    height:100px

    backgroud-color:black;

    }

    3、class选择器

    <div class="ex">class</div>

    css文件里:

    .ex{

    width:100px;

    height:100px

    backgroud-color:black;

    }

    4、标签选择器

    <div>ex</div>

    css文件里

    div{

    width:100px;

    height:100px

    backgroud-color:black;

    }

    5、通配符

    css文件里

    *{

    backgroud-color:black;

    }

    6、!important

    优先级:!important>行间样式>id选择器>class选择器>标签选择器>通配符

    权重:

                                !important         infinity

                                行间样式              1000

                                ID选择器               100

                                clas选择器             10

                                标签选择器              1

                                通配符                      0

    这里是采用256进制而不是10进制

    相关文章

      网友评论

          本文标题:简述CSS部分基础选择器及权重

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