码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2020-09-15 21:06:03      阅读:51      评论:0      收藏:0      [点我收藏+]

标签:html   冲突   覆盖   选中   一点   部分   外部   imp   原则   

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

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

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

另外补充两点:

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

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

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

标签:html   冲突   覆盖   选中   一点   部分   外部   imp   原则   

原文地址:https://www.cnblogs.com/hao-blogs/p/13599605.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!