CSS样式的优先级和覆盖原则
2021-01-05 20:29
阅读：601
分两部分讲,一部分是继承样式,一部分是选择器.
继承样式部分,HTML元素有直接样式,也会继承祖先元素的样式.直接元素的优先级大于继承样式,较近祖先样式的优先级大于较远祖先样式;
选择器部分,内联样式>ID选择器>类选择器=属性选择器=伪类选择器>元素选择器=伪元素选择器,如果一个标签同时被多个选择器选中,则分别计算优先级相同的选择器的数量,数量越多,优先级越高.如果数量相同,则按照就近原则判断.
另外补充两点:
第一点:如果外部样式表和内部样式表发生冲突,则按照就近原则判断;
第二点:属性后插有!import的属性具有最高优先级.,若同时具有!import,则使用选择器部分的规则进行判断.
下一篇：PHP扩展开发之Zephir
评论
亲，登录后才可以留言！