选择器的权重

当我们选择同一个元素设置不同样式时，此时就会产生样式冲突，选择器会根据样式的优先级进行优先选择。

选择器权重	优先级
内嵌样式	1，0，0，0
id选择器	0，1，0，0
类和伪类选择器	0，0，1，0
元素选择器	0，0，0，1
通配选择器	0，0，0，0
继承样式	没有优先级

<style>

    div{ color:red}  /*继承样式*/

    #box1{color:yellow} /*id选择器*/

    .red{color:purple} /*类选择器*/

    *{color:green} /*通配选择器*/



</style>


<boby>


    <div id="box1" class="red"  color="write(内嵌样式)">我是div <span>我是继承样式</span> </div>



</body>