美文网首页
简述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