css样式优先级问题

此片博客为参考博客，更多详情可看:https://www.cnblogs.com/ombre/p/7418667.html

官方表述的CSS样式优先级如下:
通用选择器(*）<元素(类型)选择器<类名选择器<属性选择器<伪类选择器<ID选择器<内联样式

其中内联样式只能通过style=""来声明

而上面的通用选择器到ID选择器都是既可以在嵌入样式中声明也可以在外部样式中引用，同样的选择器，在嵌入样式中声明的优先级总是大于在外部样式中声明的，具体优先级如下表：

上述样式对应的权重值如下

     

1.第一等：!important   如非特殊情况，慎用!important.

2.第二等：代表内联样式，如: style=””，权值为1000。

3.第三等：代表ID选择器，如：#content，权值为100。

4.第四等：代表类，伪类和属性选择器，如.content，权值为10。

5.第五等：代表类型选择器和伪元素选择器，如div p，权值为1。