CSS学习第五天——CSS选择器的优先级

1.全局选择器和标签选择器

 

当出现全局选择器和标签选择器时，可以看到显示的是标签选择器的内容，所以标签选择器的优先级高于全局选择器。

2.标签选择器和类别选择器

 

当出现标签选择器和类别选择器时，可以看到显示的是类别选择器的内容，所以类别选择器的优先级高于标签选择器。

3.类别选择器和id选择器

 

 当出现类别选择器和id选择器时，可以看到显示的是id选择器的内容，所以id选择器的优先级高于类别选择器。

4.id选择器和内联样式

 当出现id选择器和内联样式时，可以看到显示的是内联样式的内容，所以内联样式的优先级高于id选择器。

综上所述，优先级:内联样式>id选择器>类别选择器>标签选择器>全局选择器

5.而当出现同级的选择器时,如出现两个class属性

 

 可以看到显示的是cla2中的内容.

其实运行的过程是先显示cla1的内容,然后再显示cla2的内容,最后cla2的内容将cla1给覆盖住了.