前端常见问题
选课中心 APP下载
当前位置:首页 > 技能类 > 前端 > 常见问题 > CSS样式的优先级和覆盖原则

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

更新时间:2020-09-16 03:38:53 来源: 阅读量:

【摘要】 CSS样式的优先级和覆盖原则考必过小编为大家整理了关于CSS样式的优先级和覆盖原则的信息,希望可以帮助到大家!

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

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

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

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

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

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

另外补充两点:

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

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

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

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

以上就是CSS样式的优先级和覆盖原则的内容,更多资讯请及时关注考必过网站,最新消息小编会第一时间发布,大家考试加油!

分享到: 编辑:xiaoxiao