CSS样式的优先级和覆盖原则

分两部分讲,一部分是继承样式,一部分是选择器.

继承样式部分,HTML元素有直接样式,也会继承祖先元素的样式.直接元素的优先级大于继承样式,较近祖先样式的优先级大于较远祖先样式;

选择器部分,内联样式>ID选择器>类选择器=属性选择器=伪类选择器>元素选择器=伪元素选择器,如果一个标签同时被多个选择器选中,则分别计算优先级相同的选择器的数量,数量越多,优先级越高.如果数量相同,则按照就近原则判断.

另外补充两点:

第一点:如果外部样式表和内部样式表发生冲突,则按照就近原则判断;

第二点:属性后插有!import的属性具有最高优先级.,若同时具有!import,则使用选择器部分的规则进行判断.