css选择器和权重

1.id 一对一

<div id="only">123</div>
<div id="only1">234</div>

css：
#only{    background-color: brown;}
#only1{    background-color: greenyellow;}

2.class 多对多

<div class="demo demo1">345</div>
 css：
.demo{    background-color: rgb(47, 255, 175);}.
demo1{   color: firebrick;}

3.标签选择器

<span>345</span>
<div>     
<span>456</span>
</div>
 css：
span{    color: #f40;    font-weight: bold;}

4.通配符所有标签都能用

<span>234</span>
<div>123</div>
<strong>234</strong>
 css：
 *{    background-color: blueviolet;} 

优先级

<div style="background-color:red;">111</div>
css：
div{    background-color: green !important;}

！important>行间样式>id>class=属性>标签选择器>通配符

css权重
!important	Infinity
行间样式	1000
id	100
class 属性 伪类	10
标签伪元素	1
通配符	0